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


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



#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;
	
}


#esmeralda{
	
	font-weight:bolder;
	padding:8px;
	background-color: #00BFFF;
	color:#fff;
	text-align:center;
	border-radius:20px;
	text-shadow:2px 2px 2px #000;
	
}

#ouro{
	
	font-weight:bolder;
	padding:8px;
	background-color: #B8860B;
	color:#fff;
	text-align:center;
	border-radius:20px;
	text-shadow:2px 2px 2px #000;
	
}


#prata{
	
	font-weight:bolder;
	padding:8px;
	background-color: #A9A9A9;
	color:#fff;
	text-align:center;
	border-radius:20px;
	text-shadow:2px 2px 2px #000;
	
}


#bronze{
	
	font-weight:bolder;
	padding:8px;
	background-color: #D2691E;
	color:#fff;
	text-align:center;
	border-radius:20px;
	text-shadow:2px 2px 2px #000;
	
}


#personal{
	
	font-weight:bolder;
	padding:8px;
	background-color:  	#8B008B;
	color:#fff;
	text-align:center;
	border-radius:20px;
	text-shadow:2px 2px 2px #000;
	
}

/****** SCRIPT PARA NAIMATION *******************/

@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;
}
}



@keyframes slidein {
  from {
    margin-left: 110%;
    width: 30%;
  }

  to {
    margin-left:65%;
    width: 30%;
  }
}

@keyframes slideout {
  from {
    margin-left: 110%;
    width: 30%;
  }

  to {
    margin-left:65%;
    width: 30%;
  }
}


#opaco{
	 background: rgba( 255, 255, 255, 0.35 );
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width:100%;
  height:100%;
  position:fixed;
 top:0px;
 left:0px;
	z-index:900;
  display: block;
animation: formFade 2s 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 */

	
}

#msg{
width:40%;
top:0px;
margin-top:100px;
margin-left:30%;
background-color:#fff;
padding:10px;
border: 1px solid #000;
border-radius:20px;
font-family:arial;
font-size: 18px;
color:#000;
text-align:center;
position:fixed;
	z-index:1001;
	box-shadow:3px 3px 3px #000;
	
	
	
}

#msg a{
	text-decoration:none;
	color:#FF0000;
	
}

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

/* cabecalho*/ 


#fundo{
display:none;
	width:100%;
	
	
}
#fundo2{
display:block;
	width:100%;
	
	
}

#fundo2 img{
	width:100%;	
	
}


	
/* cabecalho*/ 



#fundo{
display:block;
	width:100%;
	
	
}


#fundo img{

	width:100%;
	
	
}
#fundo2{
display:none;
	width:100%;
	
	
}



header#cabecalho{
	width:100%;
	height:40px;
	top:0;
	background-image:url(img/jpg/banner_patrocinador_cel.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	border-bottom:1px solid #000;
	
		
	
}


header#cabecalho #logos{
width:60px;
left:0px;
top:0px;
margin-left:10%;
margin-top:10px;
z-index:10;	
position:fixed;
z-index:1280;
	
}


header#cabecalho #logos img{
width:100%;

	
}

header#cabecalho #quadro2{
display:block;
width:100%;
height:25px;
margin-top:0px;
position:fixed;
background-color:#000000;
z-index:100;
font-family: arial;
color:#ffffff;
font-size:14px;
text-align:center;
padding-top:15px;
border-bottom: solid 2px #A9A9A9;

}


header#cabecalho #quadro2 h1{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-align:center;

}

header#cabecalho #menuimg{

	margin-top: 8px;
	top:0px;
	display:block;
	height:30px;
	width: 35px;
	margin-left:83%;
	position:fixed;
	z-index:250;
	cursor:pointer;

	
	
}

header#cabecalho #menuimg a{

	text-decoration:none;
	
	
	
}

header#cabecalho #menuimg:hover{

	opacity:0.70;

	
	
	
}
header#cabecalho #menuimg img{width:100%;}


header#cabecalho #logomsg{
	width:35%;
	margin-top: 0px;
	margin-left:0%;
	z-index:1280;
	position:fixed;
	
}

header#cabecalho #logomsg img{
	width:100%;
	
	
}




/* corpo*/ 
section#corpo #menu{
display:none;


}

section#corpo #menucel{
	width:100%;
	height:98%;
	position:fixed;
	margin:0px;
	margin-top:-20px;
	margin-left:-17px;
	z-index:1000;
	background-color:#000000;
	opacity:90%;
	display:none;
	animation: formFade 2s 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 */
	
}

section#corpo #menucel ul{
	list-style-type:none;
	padding-left:0em;
	idth:100%;w
	margin-left:0%;
	text-align:center;
	margin-top:-1px;
	
}


 #menucel ul li{
 width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	padding:10px;
	
	
}
 #menucel ul li a{
	color:#FFF;
	text-decoration:none;
	
}

#menucel ul li a:hover{
	color:#FF0;
	text-decoration:none;
	
}



section#corpo{
	width:90%;
	margin-top:20px;
	margin-left:4%;
}

section#corpo #banner{
	width:100%;
	left:0px;
	top:0px;
	margin-top:0px;
	
	
}


section#corpo #banner img{
	width:100%;

	
	
}


#slideshow{
	width:100%;
	z-index:1;
	height:380px;
position:absolute;
display:block;

	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:0px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;
	
	
}

 #slideshow ul#movie li img{
	width:100%;
	
}



section#corpo #conteudo h1{
	
	width:95%;
	margin-left:0%;
	color:#ffffff;
	background-color:#000000;
	padding:10px;
	border-radius:20px;
	text-align:center;
	font-family:arial;
	
	
}




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;
	border-bottom:none;
	
	
}


section#corpo #conteudo ul li #centro{
	width:100%;
	text-align:center;
	
}




section#corpo #conteudo ul li a{
text-decoration:none;
color:#006;
font-weight:normal;
font-size:14px;

	
}

section#corpo #conteudo ul li a:hover{
text-decoration:none;
color:#CCC;	
	
}


section#corpo #conteudo ul li h1{
	font-weight:bold;
	padding:10px;
	background-color:#808080;
	color:#FFFFFF;
	border-radius:20px;
	text-align:center;
	font-family:arial;
}


section#corpo #conteudo ul li .ft1 img{
width:95%;
	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:480px;
	margin-left:10%;
	margin-bottom:20px;
	
	
}



section#corpo #conteudo ul li #youtube {
	
	width:100%;

	
	
}


section#corpo #conteudo ul li #youtube ul {
list-style-type:none;
padding-left:0em;
text-align:center;
	
	
}



section#corpo #conteudo ul li #youtube ul li{
	
display:inline-block;
width:35%;
padding:5px;
border:1px solid #666666;
border-radius:20px;
margin:5px;
height:200px;	
font-family:arial;
	
}
section#corpo #conteudo ul li #youtube ul li iframe{
width:100%;
height:200px;
border-radius:20px;

}

section#corpo #conteudo ul li #youtube ul li video{
width:100%;
height:200px;
border-radius:20px;

}

#senha{
	width:90%;
	top:0px
	left:0px;
	margin-top: 300px;
	margin-left:1%;
	background-color:#fff;
	border:2px solid #808080;
	border-radius:20px;
	text-align:center;
	padding: 50px;
	position:fixed;
	z-index:1000;
	font-family: arial;
	color:#000;
	animation: formFade 2s 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 */
}


#senha a{
	
	text-decoration:none;
	color:#808080;
	
}





/* CADASTRO/CONTATO*/ 

section#corpo #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  #formulario ul{
	list-style-type:none;
	margin-left:0em;
	
}

section#corpo  #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;
}


section#corpo #livros{
width:100%;


}

section#corpo  #livros ul{
list-style-type:none;
	margin-left:0em;
	text-align:center;
	

}

section#corpo  #livros ul li{

width:100%;
padding:1%;
display:inline-block;
border:1px solid #999999;
border-radius: 20px;
vertical-align: top;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:26px;
margin-left:-12%;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
}

section#corpo  #livros ul li img{
height:280px;
padding:10px;

}

#fotos{
	width:90%;
	margin-left:5%;
	
	
}

#fotos h1{
font-family:arial;
background-color:#696969;
border-radius:20px;
padding:10px;
color:#fff;
text-align:center;
	
	
}


#fotos ul{
	list-style-type:none;
padding-left:0em;	
		
}
#fotos ul li{
	display:inline-block;
	width:100%;
		
}

#fotos ul li img{
width:100%;
}

#fotos ul li iframe{
width:100%;
}




#fio{
width:100%;
margin-left:0%;


}

#fio img{
width:100%;

}


#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;
	
}





section#corpo #corpo2 ul li.bege #zaps{
	width:90%;

	
}

section#corpo #corpo2 ul li.bege #zaps img{
	width:5%;

	
}






#form{
width:94%;
border:1px solid #09F;
border-radius:20px;
text-align:center;
padding:10px;
margin-left:0%;
	
}

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

#form ul li{
dispaly:inline-block;
padding:3px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;	
	text-align:center;
}
#box{
width:90%;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
padding:8px;
border:2px solid #03F;	
border-radius:20px;
box-shadow:3px 3px #333;
text-align:center;
	
}

#box:hover{
background-color:#CCF;	
}

#bt{
	width:90%;
background-color:dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
font-weight:bold;
padding:8px;
border:2px solid #808080;	
border-radius:20px;
box-shadow:3px 3px #808080;
cursor:pointer;
	display:none;
}

#bt:hover{
background-color:#00F;
}

#zap{
width:60px;
z-index:20;
position:fixed;
right:0px;
margin-right:10px;
bottom:0px;
margin-bottom:20px;	
	
}



#nome{
	width:100%;
	top:0px;
	margin-top: 10px;
	margin-left:-10%;
	background-color:#000;
	border:none;
	border-radius:20px;
	text-align:center;
	padding: 5px;
	position:fixed;
	z-index:1180;
	font-family: arial;
	color:#fff;
	font-size:12px;
	animation: formFade 2s 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 */
}


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



#nome a:hover{
	
	text-decoration:none;
	color:#FFFF00;
	
}




/* rodape*/ 
footer#rodape{
	width:100%;
	background-color:#000000;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color:#A9A9A9;
	margin-top:0px;
	margin-bottom:-20px;
	padding-bottom:10px;
}

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%;	
	
}


footer#rodape #midias{
	width:90%;
	margin-left:5%;
	margin-top:40px;
	
}



footer#rodape #midias ul{
	list-style-type:none;
	padding-left:0em;	
	text-align:center;
}



footer#rodape #midias ul li{
	display:inline-block;
	padding:5px;
	width:80px;
	
}

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



footer#rodape #pagseguro{
	width:90%;
	margin-left:5%;
	margin-top:40px;
	
}



footer#rodape #pagseguro ul{
	list-style-type:none;
	padding-left:0em;	
	text-align:center;
}



footer#rodape #pagseguro ul li{
	display:inline-block;
	padding:5px;
	margin:5px;
	width:90%;
	border:1px solid #000000;
	border-radius:20px;
	background-color:#FFFFFF;
	
	
}

footer#rodape #pagseguro ul li img{
width:100%;	
	
	
}




}





















/* ///////////////////////////////////////////////////////////////PPPPPPPPPPPPPPCCCCCCCCCCCCCCC//////////////////////////////////*/


@media screen and (min-width: 780px){
	
/* cabecalho*/ 



#fundo{
display:block;
	width:100%;
	
	
}


#fundo img{

	width:100%;
	
	
}
#fundo2{
display:none;
	width:100%;
	
	
}



header#cabecalho{
	width:100%;
	height:40px;
	top:0;
	
}


header#cabecalho #quadro2{
display:none;
}
header#cabecalho #menuimg{

	display:none;
	
}



header#cabecalho #logomsg img{
	width:100%;
	margin-top: 0px;
	margin-left:0%;
	
	
}

header#cabecalho #logos{
width:100px;
left:0px;
top:0px;
margin-left:5%;
margin-top:10px;
z-index:10;	
position:fixed;
z-index:1280;
	
}


header#cabecalho #logos img{
width:100%;

	
}


/* corpo*/ 

section#corpo{
	width:100%;
	margin-top:-41px;
	margin-left:0%;
	top:0px;
}



section#corpo #menucel{
display:none;

}



section#corpo #menu{
	width:100%;
	height:40px;
	position:fixed;
	margin:0px;
	margin-top:0px;
	margin-left:0%;
	z-index:10px;
	background-color:#000000;
	opacity:90%;
	display:block;
	
	
}

section#corpo #menu ul{
	list-style-type:none;
	padding-left:0em;
	width:90%;
	margin-left:10%;
	text-align:center;
	margin-top:-0px;
	
}


 #menu ul li{
	 width:auto;
	 font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #FFFF00;
	
	
}
 #menu ul li a{
	color:#FFF;
	text-decoration:none;
	
}

section#corpo #menu ul li a:hover{
	color:#FF0;
	text-decoration:none;
	
}



#slide iframe{
	width:100%;
	z-index:1;
	height:770px;
	border-bottom: none;
display:block;
margin-top:0px;
	
	
}



#slideshow{
	width:100%;
	z-index:1;
	height:770px;
position:absolute;
display:block;

	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:-20px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;
	
	
}

 #slideshow ul#movie li img{
	width:100%;
	
}

#next{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	right:0px;
	position:absolute;
	z-index:22;
	opacity:0.0;
}
#next img{
	width:100%;
	
}

#next:hover{
	opacity:0.79;
	
}

#prev{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	left:0px;
	position:absolute;
	z-index:22;
	opacity:0.0;
}
#prev img{
	width:100%;
	
	
}
#prev:hover{
	opacity:0.79;
	
}

section#corpo #banner{
	width:100%;
	left:0px;
	top:0px;
	margin-top:0px;
	
	
}


section#corpo #banner img{
	width:100%;

	
	
}



section#corpo #conteudo{
	
	width:80%;
	margin-left:10%;
	font-family:arial;
	color:#000000;
	font-size:18px;
	
}



section#corpo #conteudo h1{
	
	width:100%;
	margin-left:0%;
	color:#ffffff;
	background-color:#000000;
	padding:10px;
	border-radius:20px;
	text-align:center;
	
	
}




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;
	border-bottom:none;
	
	
}


section#corpo #conteudo ul li #centro{
	width:100%;
	text-align:center;
	
}




section#corpo #conteudo ul li a{
text-decoration:none;
color:#006;
font-weight:normal;
font-size:18px;

	
}

section#corpo #conteudo ul li a:hover{
text-decoration:none;
color:#CCC;	
	
}


section#corpo #conteudo ul li h1{
	font-weight:bold;
	padding:10px;
	background-color:#808080;
	color:#FFFFFF;
	border-radius:20px;
	text-align:center;
}


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:480px;
	margin-left:10%;
	margin-bottom:20px;
	
	
}



section#corpo #conteudo ul li #youtube {
	
	width:100%;

	
	
}


section#corpo #conteudo ul li #youtube ul {
list-style-type:none;
padding-left:0em;
text-align:center;
	
	
}



section#corpo #conteudo ul li #youtube ul li{
	
display:inline-block;
width:35%;
padding:5px;
border:1px solid #666666;
border-radius:20px;
margin:5px;
height:200px;	
	
}
section#corpo #conteudo ul li #youtube ul li iframe{
width:45%;
height:200px;
border-radius:20px;

}

section#corpo #conteudo ul li #youtube ul li video{
width:45%;
height:200px;
border-radius:20px;

}


section#corpo #conteudo ul li #centro{
	
	width:100%;
	text-align:center;
	
}


/* CADASTRO/CONTATO*/ 

section#corpo #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  #formulario ul{
	list-style-type:none;
	margin-left:0em;
	
}

section#corpo  #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;
}


section#corpo #livros{
width:100%;


}

section#corpo  #livros ul{
list-style-type:none;
	margin-left:0em;
	text-align:center;
	

}

section#corpo  #livros ul li{

width:38%;
padding:1%;
display:inline-block;
border:1px solid #999999;
border-radius: 20px;
vertical-align: top;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:26px;
margin:5px;
}

section#corpo  #livros ul li img{
height:300px;
padding:10px;

}

#fio{
width:100%;
margin-left:0%;


}

#fio img{
width:100%;

}


#box{
	
	width:100%;
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;
	
}





section#corpo #corpo2 ul li.bege #zaps{
	width:90%;

	
}

section#corpo #corpo2 ul li.bege #zaps img{
	width:5%;

	
}






#form{
width:80%;
margin-left:10%;
border:1px solid #808080;
border-radius:20px;
text-align:center;
padding:10px;
	margin-bottom:20px;
}

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

#form ul li{
width:100%;
display:inline-block;
padding:3px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;	
	text-align:center;
	
}
#form ul li a{
	text-decoration:none;
	color:#808080;
	
}
	
	
#box{
width:90%;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
padding:8px;
border:2px solid #808080;	
border-radius:20px;
box-shadow:3px 3px #808080;
text-align:center;
	
}

#box:hover{
background-color:#DCDCDC;	
}



	
}

#bt{
	width:80%;
	margin-left:10%;
background-color:#DCDCDC;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
font-weight:bold;
padding:8px;
border:2px solid #808080;	
border-radius:20px;
box-shadow:3px 3px #808080;
cursor:pointer;
	display:block;
}

#bt:hover{
background-color:#808080;
}

#zap{
width:60px;
z-index:20;
position:fixed;
right:0px;
margin-right:10px;
bottom:0px;
margin-bottom:20px;	
	
}





#resultado{
	width:60%;
	top:0px;
	margin-top: 300px;
	margin-left:20%;
	background-color:#fff;
	border:2px solid #808080;
	border-radius:20px;
	text-align:center;
	padding: 50px;
	position:fixed;
	z-index:1000;
	font-family: arial;
	color:#000;
	animation: formFade 2s 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 */
}

#resultado a{
	
	text-decoration:none;
	color:#808080;
	
}


#senha{
	width:60%;
	top:0px;
	margin-top: 300px;
	margin-left:20%;
	background-color:#fff;
	border:2px solid #808080;
	border-radius:20px;
	text-align:center;
	padding: 50px;
	position:fixed;
	z-index:1000;
	font-family: arial;
	color:#000;
	animation: formFade 2s 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 */
}


#senha a{
	
	text-decoration:none;
	color:#808080;
	
}



#nome{
	width:30%;
	top:0px;
	margin-top: 50px;
	margin-left:60.3%;
	background-color:#000;
	border:none;
	border-radius:20px;
	text-align:center;
	padding: 5px;
	position:fixed;
	z-index:1180;
	font-family: arial;
	color:#fff;
	font-size:12px;
	animation: formFade 2s 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 */
}

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



#nome a:hover{
	
	text-decoration:none;
	color:#FFFF00;
	
}


#botao{
	width:3%;
	top:0px;
	margin-top: 680px;
	margin-left:95%;
	background-image:url("img/png/bt.png");
	  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
	border:none;
	border-radius:20px;
	text-align:center;
	padding: 5px;
	position:fixed;
	z-index:80;
	display: none;
	cursor:pointer;
	animation: formFade 2s 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 */
}

#botao img{
	width:100%;
	
}


#fotos{
	width:80%;
	margin-left:10%;
	
	
}

#fotos h1{
font-family:arial;
background-color:#696969;
border-radius:20px;
padding:10px;
color:#fff;
text-align:center;
	
	
}


#fotos ul{
	list-style-type:none;
padding-left:0em;	
		
}
#fotos ul li{
	display:inline-block;
	width:33%;
		
}

#fotos ul li img{
width:100%;
}

#fotos ul li iframe{
width:100%;
}







/* rodape*/ 
footer#rodape{
	width:100%;
	left:0px;
	background-color:#000000;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color:#A9A9A9;
	margin-top:0px;
	margin-bottom:-20px;
	padding-bottom:10px;
}

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%;	
	
}


footer#rodape #midias{
	width:90%;
	margin-left:5%;
	margin-top:40px;
	
}



footer#rodape #midias ul{
	list-style-type:none;
	padding-left:0em;	
	text-align:center;
}



footer#rodape #midias ul li{
	display:inline-block;
	padding:5px;
	width:80px;
	
}

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



footer#rodape #pagseguro{
	width:90%;
	margin-left:5%;
	margin-top:40px;
	
}



footer#rodape #pagseguro ul{
	list-style-type:none;
	padding-left:0em;	
	text-align:center;
}



footer#rodape #pagseguro ul li{
	display:inline-block;
	padding:5px;
	margin:5px;
	width:25%;
	border:1px solid #000000;
	border-radius:20px;
	background-color:#FFFFFF;
	
	
}

footer#rodape #pagseguro ul li img{
width:100%;	
	
	
}






}