@font-face {
font-family: facebook;
src: url(fontes/FACEBOLF.otf);}

@font-face {
font-family: gotham medium;
src: url(fontes/Gotham-Medium.ttf);
}

@font-face {
font-family:bankgothic;
src: url(fontes/bankgthd.ttf);}

#facebook{
	position: absolute;
	top:15px; right:0;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+450+"px" : body.scrollTop+450+"px");
	width:40px;  height:60px;
	background:#ccc; 
	border-radius:5px 0 0 5px;
	border-bottom:#999 1px solid;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	font-family:facebook;
	color:#fff;
	font-size:45px;
	overflow:hidden;
	padding-left:50px;}
	
#facebook:hover{
	border-bottom:#133783 1px solid;
	background:#3b5998;
	width:180px;
	padding-left:15px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	text-align:center;}
	
pf{
	position:relative;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	left: -40px;
	padding:20px 20px 20px 140px;
	font-size:40px;
	text-align:center;}
	
pf:hover{
	padding-left:40px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}
	

	
#partners{
	position: absolute;
	top:85px; right:0;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+450+"px" : body.scrollTop+450+"px");
	width:40px;  height:60px;
	width:65px;
	height:60px;
	background:#ccc;
	border-radius:5px 0 0 5px;
	border-bottom:#999 1px solid;
	padding-left:25px;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;	
	overflow:hidden;}
	
#partners:hover{
	border-bottom:#835013 1px solid;
	background:#c0640f;
	width:180px;
	padding-left:5px;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;}
	
.logopartners{
	padding:10px 0 10px 5px ;
	margin:0;
	float:left;}
	
.pm{
	color:#FFF;
	font-family:bankgothic;
	font-size:22px;
	position:relative;
	left:-1px;
	padding:5px 0 10px 180px;
	margin:0 ;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;}
	
.pm:hover{

	padding:5px 0 10px 55px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;}
	
#loja{
	position: absolute;
	top:155px; right:0;
	width:40px;
	height:50px;
	padding:10px 25px 0 25px;
	background:#ccc;
	border-radius:5px 0 0 5px;
	border-bottom:#999 1px solid;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	overflow:hidden;}
	
#loja:hover{
	border-bottom:#1060af 1px solid;
	background:#39F;
	width:180px;
	padding:10px 10px 0 10px;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	text-align:center;}
	
.pl{color:#FFF;
	font-family:bankgothic;
	font-size:22px;
	position:relative;
	padding:10px 0 10px 180px;
	margin:0 ;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;}
	
	
.pl:hover{	padding:10px 0 10px 40px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;}
	
.loja{
	float:left;}

	

body{
background: -moz-linear-gradient(top, #e5f1ff, #91ced3) repeat-X fixed;
background: -webkit-gradient(linear, left top, left bottom, from(#e5f1ff), to(#91ced3)) repeat-X fixed;
background:#d2e9f5;}

#tbody{
	margin:auto;
	background:#FFF;
	width:920px;
	height:810px;
    border-radius: 1em;
	box-shadow:#84a2a5 0em 0.5em 0.5em;
	position:relative;
	overflow:visible;}
	
#head{
	background: url(images/logo_criador.jpg) no-repeat ;
	width:900px;
	height:250px;
	border-radius: 1em;}
	
#head .menu a{
	text-decoration:none;
	padding:0;
	margin:0;
	list-style:none;}
	
	
#head ul{
	width:603px;
	list-style:none;
	float:right;
	padding:0;
	margin:225px 20px 0 0 ;
	border-bottom:#367b7a 1px  solid;
	border-top:#367b7a 1px  solid;
	border-left:#367b7a 1px  solid;
	border-radius:2px}
	
#head li{
	font-family:  "gotham medium";
	font-stretch:condensed;
	font-size:15px;
	color:#FFF;
	float:left;
	padding:5px 10px 5px 10px;
	background:#51bdbb;
	border-left:#86cfce 1px  solid;
	border-right:#569493 1px  solid;
	box-shadow:0 1px 0 #6dcdcb inset;
	text-shadow: -1px  1px 1px #1B8585;}
	
#head li:hover{
	color:#f4f4f5;
	background:#4bb0ae;
	border-left:#1B8585 1px solid;
	border-right:#357c7a 1px  solid;
	box-shadow:1px 1px 2px #357c7a inset;
	padding-left:10px;}
			
#tbody #content{
	border-radius:1em;
	width:900px;
	height:500px;
	margin:10px 10px 10px 10px;
	border-top:#CCC 1px  solid;
	border-left:#CCC 1px  solid;
	border-bottom:#CCC 1px  solid;}
	
.title1{
	font-size:36px;
	margin:30px 0 0 40px;
	font-family: "Gotham Medium";
	color:#fbcb29;}
	
.texto1{
	font-size:18px;
	margin:30px 100px 0 80px;
	font-family: "Gotham book";
	text-align:justify;
	color:#51bdbb;
}

	


#contato {
	background:#FFF;
	border-radius:5px 0 0 5px ;
	border-right:#999 1px solid;
	position:fixed;
	top:30px;
	right:-190px;
	width:292px;
	height:50px;
	overflow: hidden;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	}
	
#contato:hover{
	right:0;
	border-bottom:#999 1px solid;
	height:400px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	border-radius:10px;
	}
	
#contato  .con{
	5px 0 0 5px ;
	background:#51bdbb;
	color:#fff;
	font-family:Gotham Medium;
	font-size:22px;
	padding:14px 4px 10px 8px;
	float:left;
	border-radius:5px 0 0 5px ;
	overflow:visible;
	background:#51bdbb;
	border-left:#86cfce 1px  solid;
	border-right:#1B8585 1px  solid;
	border-bottom:#1B8585 1px solid;
	box-shadow:0 1px 0 #6dcdcb inset;}
	
con:hover{
	background:#67d9d6;}
	
#contato .per{
	position:fixed;
	top:30px;
	right: inherit;
	font-family:Gotham Medium;
	border-radius:0 5px 5px 0;
	background:#fff;
	margin:0;
	font-size:18px;
	float:right;
	padding:16px 15px 13px 13px ;
	border-bottom:#999 1px solid;}
	

	
.contactform{
		background:#f5f3f3;
		position: absolute ;
		top:50px;
		height:340px;
		width:400px;
		padding-top:10px;
		border-radius:10px;}
		
label{
	position:relative;
	left:-120px;
	font-size:14px;
	text-shadow:#fff -1px 2px 1px;}
		
.dados{
	height:25px;
	width:250px;
	position:relative;
	left:-80px;
	border:#666 1px solid;
	margin:0 0 5px 0;
	border-radius:5px;}
	
textarea{
	height:70px;
	width:260px;
	position:relative;
	left:-75px;
	border:#666 1px solid;
	border-radius:5px;
	}
	
.enviar{
	height:30px;
	width:260px;
	position:relative;
	left:18px;
	border:#666 1px solid;
	margin:5px 0 0 0;
	background:#999;
	color:#FFF;
	font-family:gotham medium;
	text-shadow:#000 -1px 1px 1px;
	border-radius:5px;
	}
	
	
.enviar:hover{
	border:#999 1px solid;
	margin:5px 0 0 0;
	background:#CCC;
	color:#FFF;
	font-family:gotham medium;
	text-shadow:#000 -1px 1px 1px;
	}
		
.contactform P{
	font-family:Gotham Medium;
	padding:0 30px 0 80px;
	text-align: center;
	color:#000;
	margin:0;
	}
	

.alert{
	overflow: visible;
	margin:0 0 0 20px  ;
	frameborder:0;
	background:#f5f3f3;
    padding:0;
	width:260px;
	height:50px;
	text-align:center;
	font-family:"Browallia New";
	font-size:14px;
	color:#F00;
}
	
	
#rodape{
	border-top:1px  solid #bbbaba;
	height:50px;
	background:#d8d7d7;
	overflow:inherit;}
	
	a{
		text-decoration:none;}
		
.fb-like{
	float:right;
	right:100px;
	margin:0 90px 0 0;}