*{
	padding:0px;
	margin:0px;
	z-index:100;
}
body{
	overflow-x:hidden;
}

@font-face{
	font-family:"CaviarDreams";
	src:url("CaviarDreams.ttf");
	font-style:normal;
	font-weight:normal;
}
@font-face{
	font-family:"CaviarDreams";
	src:url("CaviarDreams_Bold.ttf");
	font-style:normal;
	font-weight:bold;
}
@font-face{
	font-family:"CaviarDreams";
	src:url("CaviarDreams_BoldItalic.ttf");
	font-style:normal;
	font-weight:italic;
}
@font-face{
	font-family:"CaviarDreams";
	src:url("CaviarDreams_Italic.ttf");
	font-style:italic;
	font-weight:normal;
}
header{
	position:fixed;
	height:100px;
	width:100%;
	top:0px;
	background-color:#4682B4;
	z-index:600;
	box-shadow:2px 0px 5px 2px #000;
}
#logo{
	position:absolute;
	top:10px;
	height:80px;
	width:auto;
	left:20px;
}
#logo img{
	height:80px;
	width:auto;
}
header ul{
	width:auto;
	height:40px;
	list-style-type:none;
	position:absolute;
	bottom:10px;
	right:120px;
}
header li{
	width:120px;
	height:40px;
	position:relative;
	float:left;
	line-height:2;
	font-family:CaviarDreams;
	color:#fff;
	box-shadow:0px 2px 0.3px #333;
	text-align:center;
	font-size:18px;
	font-style:italic;
}
header li:hover{
	cursor:pointer;
	background-color:#87CEEB;
}
#RSociais{
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	height:auto;
}
#RSociais li:hover{
	background-color:#4682B4;
}
#RSociais li{
	width:40px;
	height:40px;
	position:relative;
	float:none;
	line-height:1;
	box-shadow:none;
	text-align:center;
}
#RSociais img{
	width:40px;
	height:40px;
}
#banner{
	width:100%;
	height:600px;
	position:relative;
	float:left;
	top:100px;
	margin-bottom:30px;
}
#banner img{
	width:100%;
	height:500px;
}
#banner ul{
	list-style-type:none;
}
#banner li{
	position:absolute;
	top:0px;
	left:0px;
}
#num{
	position:absolute;
	right:0px;
	top:500px;
	width:auto;
	height:20px;
	background-color:#444;
}
#num li{
	position:relative;
	float:left;
	width:30px;
	font-family:CaviarDreams;
	color:#fff;
	text-align:center;
	border-right:solid 0.3px;
}
#TextBanner{
	width:400px;
	height:200px;
	position:absolute;
	right:100px;
	top:200px;
	color:white;
	text-align:center;
	padding-top:20px;
	line-height:35px;
	font-family:CaviarDreams;
	font-style:italic;
	padding-left:10px;
	padding-right:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}
#separacao{
	width:60%;
	position:relative;
	float:left;
	margin-left:20%;
	background-image:url(../imagem/divisor.png);
	background-size:100% 100%;
	height:20px;
}
/*-------------------------------------------------------center -------------------------------------------------------------------------------*/
#Sobre{
	position:relative;
	float:left;
	width:100%;
	height:500px;
}
#Sobre img{
	width:500px;
	height:350px;
	margin-left:70px;
	margin-top:30px;
	float:left;
	position:relative;
}
#Sobre p{
	position:relative;
	float:left;
	width:50%;
	margin:50px;
	font-family:CaviarDreams;
	font-size:20px;
	color:#444;
}
#Sobre a{
	color:#4169E1;
	text-decoration:none;
}
#History{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}
#History img{
	width:600px;
	height:450px;
	margin-left:70px;
	margin-top:30px;
	float:left;
	position:relative;
}
#History p{
	position:relative;
	float:left;
	width:50%;
	margin:50px;
	font-family:CaviarDreams;
	font-size:18px;
	color:#444;
}
#center{
	position:relative;
	width:100%;
	height:auto;
	padding:20px;
}
#center div{
	width:450px;
	height:200px;
	position:relative;
	float:left;
	margin-left:140px;
	background-color:#4682B4;
	font-family:CaviarDreams;
	color:#fff;
	margin-top:25px;
	margin-bottom:25px;
	border-radius:20px;
	box-shadow:2px 2px 5px 2px #777;
	display: flex;
	align-items: center;
}
#center h2, #History h2{
	font-size:40px;
	font-style:italic;
	width:250px;
	text-align:center;
	text-shadow:1px 1px 0.5px #333;
	margin-left:20px;
}
#center img{
	max-width:100px;
	min-width:60px;
	height:auto;
	position:absolute;
	top:60px;
	right:20px;
}
#center p{
	position:absolute;
	bottom:20px;
	left:40px;
	color:#000;
}
#center div:hover{
	cursor:pointer;
	background-color:#87CEEB;
}
ul{
	list-style-type:none;
}
#center #direExp, #center #homoExp, #center #sociosExp, #center #cardExp{
	position:relative;
	float:left;
	width:0%;
	margin-left:5%;
	height:0px;
	color:#444;
	background-color:#FFF;
	font-family:CaviarDreams;
	margin-top:25px;
	margin-bottom:25px;
	border-radius:0px;
	box-shadow:0px 0px 0px 0px #fff;
	display:none;	
}
#center #direExp ul, #center #homoExp ul, #center #sociosExp ul, #center #cardExp ul{  
	position:relative;
	float:left;
	width:40%;
	margin-left:5%;
}
#center #direExp b, #center #homoExp b, #center #sociosExp b, #center #cardExp b{
	font-family:Times New Roman;
	font-size:20px;
	font-style:italic;
}
#center div aside{
	width:30px;
	height:30px;
	background-color:#e5e5e5;
	font-size:24px;
	color:#444;
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
	font-family:Times New Roman;
	font-style:none;
	line-height:30px;
}
/*----------------------------------------------------------------contato--------------------------------------------------------*/
#contato h1, #contato h3, #History h1, #Sobre h1, #Novidades h1{
	text-align:center;
	font-family:CaviarDreams;
	font-size:40px;
	color:#4682B4;
	margin-top:20px;
}
#contato h3{
	font-size:30px;
}
#contato, #Novidades{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}
#contato table{
	width:80%;
	margin-left:10%;
}
#contato td{
	width:30%;
}
#contato ul li, #contato ul li ul li{
	margin-left:20px;
}
#contato ul li ul, #contato ul {
	margin-top:20px;
}
#contato b{
	color:#4682B4;
}
#contato  #formContato{
	width:450px;
	position:relative;
	float:right;
	margin-right:50px;
	margin-top:-270px;
	font-family:CaviarDreams;
	font-style:italic;
	font-weight:bold;
	color:#4682B4;
	font-size:18px;
}
#contato #formContato td{
	width:auto;
	height:40px;
}
#contato  #formContato td input{
	width:300px;
	height:30px;
}
#contato  #formContato td textarea{
	max-width:300px;
	min-width:300px;
	max-height:80px;
	min-height:80px;
}
iframe{
	margin-left:80px;
	margin-top:80px;
}
#horario{
	margin-bottom:40px;
}
#contato #conveniados{
	width:300px;
	height:200px;
	position:relative;
	float:right;
	margin-right:100px;
	margin-top:20px;
	font-size:28px;
	box-shadow:2px 2px 4px 1px #999;
}
/*------------------------------------------------------------------Rodape------------------------------------------------------------------*/
footer{
	position:relative;
	float:left;
	width:100%;
	height:80px;
	background-color:#4682B4;
	color:#fff;
	text-align:center;
	margin-top:20px;
}
footer a{
	color:#fff;
	text-decoration:none;
}
/*---------------------------------------------------------------------tabelas-----------------------------------------------------------*/
#tabelas, #convencoes{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}
#tabelas h1, #convencoes h1{
	text-align:center;
	font-family:CaviarDreams;
	font-size:40px;
	color:#4682B4;
	margin-top:20px;
}
#tabelas table, #convencoes table{
	width:40%;
	margin-left:5%;
	position:relative;
	float:left;
}
#tabelas td, #convencoes td{
	width:50%;
	text-align:center;
	text-decoration:none;
	color:#4682B4;
	height:40px;
}
#tabelas td a, #convencoes td a{
	text-decoration:none;
	color:#4682B4;
	font-family:CaviarDreams;
}
#tabelas td a:hover, #convencoes td a:hover{
	color:red;
}
/*--------------------------------------------------------------externo ---------------------------------------------------*/
#conveniadosBody h1{
	color:#4682B4;
	text-align:center;
	margin-bottom:20px;
} 
#conveniadosBody h3, #conveniadosBody p{
	color:#104E8B;
	text-align:center;
	margin-bottom:20px;
	width:80%;
	margin-left:10%;
}
#Novidades img{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}
#Novidades ul{
	width:100%;
	position:relative;
	float:left;
	margin:0px;
}
#Novidades ul li{
	position:relative;
	float:left;
	height:auto;
	margin-left:5%;
	width:25%;
	text-align:center;
}
#Novidades a{
	text-decoration:none;
}
#Novidades h3{
	color:#4682B4;
	text-align:center;
	margin-bottom:20px;
	font-size:28px;
	font-family:Calibri;
	margin-left:30%;
}
#Novidades label{
	color:#4682B4;
	text-align:center;
	margin-bottom:20px;
	font-size:22px;
	font-family:Calibri;
	text-decoration:none;
}

/*---------------------------------------------------------------------------span----------------------*/
body{
	background-color:#000;
}
#all{
	background-color:#FFF;
	width:100%;
	height:3400px;
}
span{
	width:80%;
	height:auto;
	text-align:justify;
	background-color:#FFF;
	z-index:1000;
	position:absolute;
	left:10%;
	top:100px;
	font-family:Calibri;
	padding:20px;
	box-shadow:1px 1px 5px 3px #333;
	display:none;
}
span img{
	width: 100%;
	height: fit-content;
}
span h1{
	text-align:center;
	color:#4682B4;
}