@font-face {
    font-family: 'aristaLight';
    src: url('fonts/z_arista_light-webfont.eot');
    src: url('fonts/z_arista_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/z_arista_light-webfont.woff') format('woff'),
         url('fonts/z_arista_light-webfont.ttf') format('truetype'),
         url('fonts/z_arista_light-webfont.svg#[z]AristaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arista';
    src: url('fonts/z_arista-webfont.eot');
    src: url('fonts/z_arista-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/z_arista-webfont.woff') format('woff'),
         url('fonts/z_arista-webfont.ttf') format('truetype'),
         url('fonts/z_arista-webfont.svg#[z]AristaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* RESETANDO AS COISAS */

*{
    margin:0;
    padding:0;
    border:0;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}
a:active{
    outline:none;
}



/* BASE */

html{
    width:100%;
    overflow:scroll;
    overflow-x: hidden;
}
body{
	background:#fcf8ea url(imagens/fundos.jpg) repeat-x;
	background-position:50% 150px;
}

h2{
	width:980px;
	height:65px;
	padding:0 14px;
	top:10px;
	left:-14px;
	position:absolute;
    font-family: 'arista';
	font-size:35px;
	font-weight:100;
	color:#fff;
	text-shadow:-2px -2px 0 rgba(0,0,0,0.2);
	line-height:50px;
	background:url(imagens/h2a.png) top center no-repeat;
}

.centralizado{
	width:1008px;
	margin:0 auto;
}
.sombra{
	position:relative;
	background:#fff;
	
	behavior: url(htc/PIE.php);
			box-shadow: 		0 5px 10px rgba(19, 67, 120, 0.25);
	-moz-box-shadow: 	0 5px 10px rgba(19, 67, 120, 0.25);
	-webkit-box-shadow:	0 5px 10px rgba(19, 67, 120, 0.25);
}
a.setas{
	width:41px;
	height:52px;
	display:block;
	text-indent:-666px;
	overflow:hidden;
	background:url(imagens/setas.png) no-repeat;
}
a.esquerda{
	background-position:0 0;
}
a.direita{
	background-position:-41px 0;
}
a.esquerda:hover{
	background-position:0 -53px;
}
a.direita:hover{
	background-position:-41px -53px;
}



/* TOPO */

#topo{
	width:100%;
	height:150px;
	padding:0 40px;
	margin:0 -40px;
	background:#fff;
	
	behavior: url(htc/PIE.php);
			box-shadow: 		0 5px 10px rgba(19, 67, 120, 0.25);
	-moz-box-shadow: 	0 5px 10px rgba(19, 67, 120, 0.25);
	-webkit-box-shadow:	0 5px 10px rgba(19, 67, 120, 0.25);
}
#topo .centralizado{
	width:980px;
}
#topo h1{
	width:280px;
	float:left;
}
#topo ul{
	width:700px;
	height:150px;
	float:right;
	position:relative;
	background:url(imagens/fundo-menu.png) center center;
}
#topo ul li{
	height:150px;
	display:inline;
	float:left;
	list-style:none;
}
#topo ul li a{
	height:41px;
	padding:55px 0 54px;
	margin-left:25px;
	display:block;
	overflow:hidden;
    font-family: 'aristaLight';
	font-size:25px;
	color:#28cad7;
	text-transform:lowercase;
	text-shadow:-2px -2px 0 #fff;
	line-height:41px;
}
#topo ul li:first-child a{
	width:41px;
	margin-left:-10px;
	text-indent:-666px;
	background:url(imagens/menu-home-contato-2.png) center left no-repeat;
}
#topo ul li:last-child a{
	width:41px;
	margin-right:-10px;
	text-indent:-666px;
	background:url(imagens/menu-home-contato-2.png) center right no-repeat;
}
#topo ul li:last-child{
	float:right;
}
#topo ul li.current_page_ancestor a,
#topo ul li.current_page_parent a,
#topo ul li.current_page_item a{
	color:#7f0000;
	background-position:bottom left;
}
#topo ul li.current_page_ancestor:last-child a,
#topo ul li.current_page_parent:last-child a,
#topo ul li.current_page_item:last-child a{
	background-position:bottom right;
}

#topo ul li a:hover{
	color:#ffd932;
	background-position:top left;
}
#topo ul li:last-child a:hover{
	background-position:top right;
}



/* SUBMENU */

#topo ul li ul{
	width:200px;
	height:auto;
	top:100px;
	left:60px;
	float:none;
	position:absolute;
	z-index:50;
	background:#7f0000;
	border-top:5px solid #3daccb;
}
#topo ul li ul li{
	height:35px;
	display:inline;
	float:none !important;
	list-style:none;
}
#topo ul li ul li a,
#topo ul li ul li:first-child a,
#topo ul li ul li:last-child a{
	width:auto;
	height:35px;
	padding:0 10px;
	margin-left:0;
	float:none !important;
	display:block;
	overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff !important;
	text-align:left;
	text-indent:0;
	text-transform:none;
	text-shadow:0 0 0 #fff;
	line-height:35px;
	background:none;
	border-bottom:1px solid #7de0ef;
}
#topo ul li ul li:last-child a{
	border:0;
}
#topo ul li ul li a:hover,
#topo ul li ul li:first-child a:hover,
#topo ul li ul li:last-child a:hover{
	color:#ffd932 !important;
}
#topo ul li:nth-child(3) ul{
	width:210px;
	height:auto;
	left:200px;
}
	



/* CONTEUDOS */
	
	/* INICIAL */
	
		.inicial #banner{
			height:160px;
			position:relative;
			text-align:center;
		}
		.inicial #banner p{
			width:980px;
			position:absolute;
		}
		.inicial #banner p:nth-child(1){
			top:40px;
    		font-family: 'arista';
			font-size:73px;
			color:#fff;
			line-height:73px;
		}
		.inicial #banner p:nth-child(2){
			bottom:50px;
    		font-family: 'aristaLight';
			font-size:24px;
			color:#285187;
			line-height:10px;
		}
		.inicial #banner p span{
			font-family:inherit;
		}
		.inicial .atividades{
			width:980px;
			height:300px;
			margin:0 14px;
			padding:70px 0 20px 0;
		}
		.inicial .atividades div{
			width:980px;
			height:300px;
			position:relative;
		}
		.inicial .atividades ul li{
			display:inline;
		}
		.inicial .atividades ul li a{
			width:210px;
			height:290px;
			margin-left:20px;
			padding:5px;
			top:0;
			position:absolute;
			display:none;
			background:#FFF;
		}
		.inicial .atividades ul li a span{
			width:210px;
			height:60px;
			display:block;	
    		font-family: 'arista';
			font-size:20px;
			color:#7f0000;
			text-align:center;
			line-height:60px;
		}
		.inicial .atividades ul li a.atividade1,
		.inicial .atividades ul li a.atividade5,
		.inicial .atividades ul li a.atividade9,
		.inicial .atividades ul li a.atividade13,
		.inicial .atividades ul li a.atividade17,
		.inicial .atividades ul li a.atividade21{
			left:0;
		}
		.inicial .atividades ul li a.atividade2,
		.inicial .atividades ul li a.atividade6,
		.inicial .atividades ul li a.atividade10,
		.inicial .atividades ul li a.atividade14,
		.inicial .atividades ul li a.atividade18,
		.inicial .atividades ul li a.atividade22{
			left:240px;
		}
		.inicial .atividades ul li a.atividade3,
		.inicial .atividades ul li a.atividade7,
		.inicial .atividades ul li a.atividade11,
		.inicial .atividades ul li a.atividade15,
		.inicial .atividades ul li a.atividade19,
		.inicial .atividades ul li a.atividade23{
			left:480px;
		}
		.inicial .atividades ul li a.atividade4,
		.inicial .atividades ul li a.atividade8,
		.inicial .atividades ul li a.atividade12,
		.inicial .atividades ul li a.atividade16,
		.inicial .atividades ul li a.atividade20,
		.inicial .atividades ul li a.atividade24{
			left:720px;
		}
		.inicial .atividades ul li a.atividade1,
		.inicial .atividades ul li a.atividade2,
		.inicial .atividades ul li a.atividade3,
		.inicial .atividades ul li a.atividade4{
			display:block;
		}
		.inicial .atividades a.esquerda{
			top:259px;
			left:-11px;
			position:absolute;
		}
		.inicial .atividades a.direita{
			top:259px;
			right:-11px;
			position:absolute;
		}
		.inicial .atividades a:hover span{
			color:#7f0000;
			background:#f9e4e4;
		}
		
		.inicial .eventos{
			width:370px;
			height:280px;
			margin:20px 20px 0 14px;
			padding:80px 20px 20px 20px;
			float:left;
		}
		.inicial .eventos h2{
			width:396px;
			background:url(imagens/h2b.png) top left no-repeat;
		}
		.inicial .eventos #slider{
			width:370px;
			height:280px;
			overflow:hidden;
		}
			
			
		.inicial .facebook{
			width:245px;
			height:290px;
			margin:20px 0 0 0;
			padding:70px 10px 20px 10px;
			float:left;
		}
		.inicial .facebook h2{
			width:252px;
			height:53px;
			padding:12px 0 0 14px;
			left:0;
			background:url(imagens/h2b.png) top center no-repeat;
		}
		.inicial .twitter{
			width:224px;
			height:290px;
			margin:20px 14px 0 0;
			padding:70px 20px 20px 20px;
			float:right;
		}
		.inicial .twitter h2{
			width:240px;
			height:51px;
			padding:12px 20px 0 20px;
			left:auto;
			right:-14px;
			background:url(imagens/h2b.png) top right no-repeat;
		}
		.inicial .twitter #tweets{
			width:235px;
			height:290px;
			margin-top:10px;
			overflow:hidden;
		}
		.inicial .twitter #tweets li{
			padding-bottom:12px;
			font-size:13px;
			color:#1355a5;
		}
		.inicial .twitter #tweets li a{
			font-weight:bold;
			color:#1355a5;
		}
		.inicial .twitter #tweets li small{
			padding:2px;
			display:block;
			color:#999;
		}
		
		
		
	/* A ACADEMIA // INSTITUCIONAL */
			
		.textos h3{
			font-size:30px;
			color:#7f0000;
			line-height:38px;
		}
		.textos p{
			margin-bottom:10px;
			font-size:13px;
			line-height:22px;
		}
		p.destaque{
			margin-bottom:20px;
			font-size:24px;
			font-style:oblique;
			color:#28cad7;
			line-height:30px;
		}
		p.destaque strong{
			color:#7f0000;
		}
		
		
		
/* A ACADEMIA // INSTITUCIONAL */
	
		.institucional .textos{
			width:420px;
			min-height:380px;
			margin:160px 14px 0 14px;
			padding:80px 540px 20px 20px;
			background:#fff url(uploads/institucional/imagem.jpg) bottom right no-repeat;
		}
		
		
		
/* A ACADEMIA // NOSSAS INSTALACOES */
	
		.instalacoes .textos{
			width:640px;
			min-height:380px;
			margin:160px 14px 0 14px;
			padding:80px 320px 20px 20px;
			background:#fff url(uploads/instalacoes/imagem.jpg) bottom right no-repeat;
		}
		.textos p.destaque{
			margin-bottom:10px;
		}
		.instalacoes .textos ul li{
			display:inline;
		}
		.instalacoes .textos ul li a{
			width:95px;
			height:95px;
			margin:20px 20px 0 0;
			padding:5px;
			display:block;
			float:left;
			background:#FFF;
		}
		
		
		
/* A ACADEMIA // EQUIPE PRAIA */
	
		.equipe .textos h3{
			margin-top:20px;
			font-size:25px;
		}
		.equipe .textos{
			width:940px;
			margin:160px 14px 0 14px;
			padding:50px 20px 20px 20px;
		}
		.equipe .textos div{
			width:930px;
			min-height:210px;
			margin:0 auto;
			margin-top:10px;
			display:block;
			background:#daf4fb;
			border:5px solid #fff;
					
					
			position:relative;
			background:#fff;
			
			behavior: url(htc/PIE.php);
			box-shadow: 		0 5px 10px rgba(19, 67, 120, 0.25);
			-moz-box-shadow: 	0 5px 10px rgba(19, 67, 120, 0.25);
			-webkit-box-shadow:	0 5px 10px rgba(19, 67, 120, 0.25);
		}
		.equipe .textos div img{
			margin-right:20px;
			float:left;
			
			behavior: url(htc/PIE.php);
			box-shadow: 		0 5px 10px rgba(19, 67, 120, 0.25);
			-moz-box-shadow: 	0 5px 10px rgba(19, 67, 120, 0.25);
			-webkit-box-shadow:	0 5px 10px rgba(19, 67, 120, 0.25);
		}
		.equipe .textos div h4{
			margin:10px 0 2px 0;
			font-size:20px;
			font-weight:100;
			color:#7f0000;
		}
		.equipe .textos div p{
			margin:0 40px 5px 0;
			font-size:13px;
			line-height:16px;
		}
		
		
		
/* ATIVIDADE */
	
		.atividade h3{
			margin:20px 0 0 20px;
			font-size:18px;
			font-weight:100;
					color:#7f0000;
		}
		.atividade .itens{
			width:980px;
			margin:160px 14px 0 14px;
			padding:70px 0 20px 0;
		}
		.atividade .itens div{
			width:930px;
			height:230px;
			margin:0 0 10px 20px;
			display:block;
			border:5px solid #fff;
		}
		.atividade .itens div img{
			margin-right:20px;
			float:left;
		}
		.atividade .itens div h3{
			margin:20px 0 5px 0;
			font-size:25px;
			font-weight:100;
					color:#7f0000;
		}
		.atividade .itens div p{
			margin:0 40px 5px 0;
			font-size:14px;
			line-height:20px;
		}
		.atividade table{
			padding:10px 20px 0 20px;
			font-size:12px;
		}
		.atividade table tr td{
			padding:5px 0;
			color:#999;
			border-bottom:1px solid #7f0000;
		}
		.atividade table thead tr td{
			font-size:14px;
			color:#7f0000;
			border-bottom:2px solid #7f0000;
		}
		
		
		
/* SUA PRAIA */
	
		.suapraia .itens{
			width:980px;
			margin:160px 14px 0 14px;
			padding:70px 0 20px 0;
		}
		.suapraia .itens div{
			width:930px;
			height:210px;
			margin:0 0 10px 20px;
			display:block;
			background:#daf4fb;
			border:5px solid #fff;
		}
		.suapraia .itens div img{
			margin-right:20px;
			float:left;
		}
		.suapraia .itens div h3{
			margin:20px 0 5px 0;
			font-size:25px;
			font-weight:100;
			color:#7f0000;
		}
		.suapraia .itens div p{
			margin:0 40px 5px 0;
			font-size:14px;
			line-height:20px;
		}
		
		
		
/* ATIVIDADES PRINCIPAIS */
	
		.atividades .itens{
			width:980px;
			margin:160px 14px 0 14px;
			padding:70px 0 20px 0;
		}
		.atividades .itens div{
			width:980px;
					
		}
		.atividades .itens ul li{
			display:inline;
					
		}
		.atividades .itens ul li a{
			width:210px;
			height:290px;
			margin:0 0 20px 20px;
			padding:5px;
			display:block;
			float:left;
			color:#7f0000;
			background:#FFF;
		}
		.atividades .itens ul li a span{
			width:210px;
			height:60px;
			display:block;	
    		font-family: 'arista';
			font-size:20px;
			color:#7f0000;
			text-align:center;
			line-height:60px;
		}
		.atividades .itens a:hover span{
			color:#7f0000;
			background:#daf4fb;
		}
		
		
		
	/* NA MDIA // EVENTOS */
	
		.galeria .fotos p.destaque{
			margin:10px 14px 20px 14px;
		}
		.galeria .fotos{
			width:980px;
			margin:160px 14px 0 14px;
			padding:70px 0 20px 0;
		}
		.galeria .fotos ul li{
			display:inline;
		}
		.galeria .fotos ul li a{
			width:200px;
			height:300px;
			margin:0 0 20px 20px;
			padding:5px;
			display:block;
			float:left;
			text-align:center;
			border:5px solid #fff;
		}
		.galeria .fotos ul li a.foto{
			height:200px;
		}
		.galeria .fotos ul li a img{
			border:1px solid #eee;
		}
		.galeria .fotos ul li a strong{
			margin:10px 0 0 0;
			display:block;	
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:100;
			color:#ccc;
			text-align:center;
		}
		.galeria .fotos ul li a span{
			padding:0 15px;
			display:block;
    		font-family: 'arista';
			color:#7f0000;
			font-size:16px;
		}
		.galeria .fotos a:hover{
			color:#7f0000;
			background:#daf4fb;
		}
		
		
		
	/* CONTATO */
	
		.contato form{
			width:510px;
			height:530px;
			margin:160px 20px 0 14px;
			padding:70px 20px 20px 20px;
			float:left;
		}
		.contato form h2{
			width:536px;
			background:url(imagens/h2a.png) top left no-repeat;
		}
		.contato form label{
			margin-bottom:2px;
			display:block;
    		font-family: 'aristaLight';
			font-size:18px;
			color:#7f0000;
		}
		.contato form .campo{
			width:500px;
			margin-bottom:10px;
			padding:5px;
			font-size:14px;
			border:1px solid #7f0000;
		}
		.contato form textarea.campo{
			height:100px;
		}
		.contato form .campo:focus{
			background:#e2edf0;
			outline: none;
		}
		.contato form .botao{
			margin-top:10px;
			padding:5px 15px;
			left:20px;
			bottom:20px;
			position:absolute;
			display:block;
			float:left;
    		font-family: 'aristaLight';
			font-size:26px;
			color:#fff;
			background:#7f0000;
			border:1px outset #7f0000;
		}
		.contato form #curriculo{
			display:none;
		}
		.contato .mapa{
			width:390px;
			height:540px;
			margin:160px 14px 0 0;
			padding:70px 10px 10px 10px;
			float:right;
		}
		.contato .mapa h2{
			width:396px;
			left:0;
			background:url(imagens/h2a.png) top right no-repeat;
		}
		.contato .mapa #map_canvas{
			width:390px;
			height:540px;
		}
		

/* RODAPE */

#rodape{
	width:980px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#rodape p{
	left:0;
	bottom:20px;
	position:absolute;
    font-family: 'aristaLight';
	font-size:18px;
	color:#777777;
}
#rodape p span a{
    font-family: 'aristaLight';
	font-size:18px;
	color:#777777;
}
#rodape p strong{
	display:block;
    font-family: 'aristaLight';
	font-size:22px;
	font-weight:100;
	color:#7f0000;
}
#rodape p strong a{
	display:block;
    font-family: 'aristaLight';
	font-size:22px;
	font-weight:100;
	color:#7f0000;
}
#rodape p:nth-child(3) strong{
	display:inline;
    font-family: 'arista';
	font-size:inherit;
	font-weight:100;
	color:inherit;
}
#rodape p:nth-child(2){
	left:430px;
}
#rodape p:nth-child(3){
	width:235px;
	left:auto;
	right:0;
	text-align:right;
}
#rodape p:nth-child(3) strong{
	display:block;
}
#rodape p a.assinatura{
	margin-left:30px;
	padding:10px 0;
	float:right;
	display:block;
}