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

*{margin:0; font-family:Arial, Helvetica, sans-serif;font-size:12px; text-decoration:none; border:0; color:#FFF;outline:none;}

html,body{
	height:100%;
}

body{
	background:#957f67;
	margin:0 auto;
}

#centro{
	width:1002px;
	min-height:600px;
	margin: 0 auto;
	position:relative;
}

#conteudo{
	width:1002px;
	background:#383431;
	float:left;
}

#cabecalho{
	width:1002px;
	background:#1f1a17;
	height:194px;
	float:left
}

#cabecalho a {
	display:block;
	float:left;
}

#cabecalho .esquerda{
	width:176px;
	height:100%;
}

#cabecalho .direita{
	width:826px;
	height:100%;
	float:left;
}

.formulario_newsletter{
	width:270px;
	height:75px;
	margin: 30px 65px 0 0;
	float:right;
}

.formulario_newsletter label{
	width:265px;
	padding:0 0 0 7px;
	float:left;
	color:#c0baba;
	font-size:14px;
}	

.formulario_newsletter .enviar_email{
	background:url(../images/input_botao.jpg) no-repeat;
	width:34px;
	height:32px;
	float:right;
	cursor:pointer;
}

#alerta{
	float:right;
	margin:0 10px 0 10px;
	text-align:center;
}

.formulario_newsletter #alerta {
	clear:right;
	margin:-24px 135px 0 0;
}

.formulario_newsletter input{
}

.formulario_newsletter #newsletter{
	background:url(../images/input_new.jpg) no-repeat;
	width:225px;
	height:34px;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
	color:#c0baba;
}

#menu_swf {
	width:725px;
	margin:10px 0 0 30px;
}

.menu {
	float:left;
	width:716px;
	padding:0;
}

.sub_menu_produtos{
	display:none;
	left:453px;
	padding:10px 0;
	position:absolute;
	top:145px;
	z-index:1;
}

.sub_menu_produtos li{
	height:20px;
	float:left;
	margin:0 10px 0 0;
	display:inline;
	list-style-type:none;
	font-weight:bolder;
}

.sub_menu_produtos li a{
	color:#F00;
}

.sub_menu_produtos li a:hover{
	color:#FFF;
	text-decoration:underline;
}
.menu li{
	float:left;
	margin:20px 0px 0px 28px;
	display:inline;
	list-style-type:none;
	font-weight:bolder;
}


.menu li a{
	font-size:16px;
	text-align:center;
	color:#CCC;
	
}
.menu li a:hover{
	color:#F00;
	text-decoration:underline;
}

.abre_sub{
	cursor:pointer;
	}

.abre_sub span{
	display:none;
	margin:0 0 0 20px;
	color:#CCC;
}


#rodape{
	background:#1f1a17;
	float:left;
	width:1002px;
	height:85px;
}

#rodape address{
	margin:30px 0 0 0;
	text-align:center;
	font-style:normal;
}

#rodape .link_fire{
	float:right;
	margin:15px 30px 0 30px;
	color:#7f7c7a;
	font-size:8px;
}

#rodape img{
	margin:5px 0 0 0;
	vertical-align:bottom;
}

#rodape a:hover{
	color:#F1C522;
}

#rodape .todos_direitos{
	float:left;
	margin:20px 0 0 30px;
	color:#7f7c7a;
	font-size:8px;
}

#logo{
	width:116px;
	height:105px;
	margin:48px 0 0 43px;
	float:left;
	padding:0;
}

#linha_vermelha{
	background:#ea2015;
	height:3px;
	font-size:0;
}

#linha_cinza{
	background:#615d5c;
	height:13px;
	clear:left;
}

#vitrine_swf{
	background-color:#000;
	text-align:center;
	width:1002px;
	height:423px;
	float:left;
}

#vitrine_swf h2{
	margin:210px 0 0 0;
	text-align:center;
}


#vitrine{
	background-color:#383431;
	width:1002px;
	height:423px;
	float:left;
	display:block;
}

#letras{
	float:left;
	width:327px;
	height:120px;
	margin:60px 0px 0px 65px;
}

#conteudo_central{
	width:943px;
	height:451px;
	margin:21px 0 0 30px;
	float:left;
}

#conteudo_central p{
	float:left;	
	clear:left;
	margin:35px 0 0 0;
	text-align:justify;
}


#conteudo_central h2{
	font-size:27px;
	margin:0;
	text-transform:uppercase;
	}
	
	
esq{
	float:left;
}

dir{
	float:right;
}


/*home--------------------------------------------------------------------------------------*/

#historia_do_surf{
	width:300px;
	height:500px;
}

#historia_do_surf p,#historia_do_surf h2{
	color:#000;
}

#texto_foto_historia #historia_do_surf {
	display:none;
}

.titulo_promo{
	background:#1f1a17 url(../images/fund_titulo_promo.jpg) no-repeat;
	width:215px;
	height:40px;
	float:left;
	margin:30px 0 0 38px;
	padding:12px 0 0 30px;
	font-size:20px;
	color:#FFF;
}

.menu_promo{
	background:#1f1a17 url(../images/fund_menu_promo.jpg) right no-repeat;
	width:687px;
	height:42px;
	float:right;
	margin:30px 32px 15px 0;	
	padding:10px 0 0 0;
}

.menu_promo li{
	float:left;
	display:inline;
	list-style-type:none;
}

.menu_promo li a{
	width:65px;
	text-align:center;
	font-size:22px;	
	font-weight:bold;
	color:#666;
}
.menu_promo li a:hover{
	color:#FF0;
}

.menu_promo li span{
	margin:0 8px 0 1px;
	font-size:22px;	
	font-weight:bold;
	color:#666;
}

#conteudo_promo_centro{
	width:932px;
	height:205px;
	float:left;
	margin:0 0 0 37px;
}

.img_promo{
	max-width:139px;
	max-height:159px;
	margin:5px 5px 0 0;
}

.produto h3{
	background:#383431;
	width:250px;
	height:21px;
	padding:6px 0 0 10px;
	margin:0 0 0 0;
	color:#FFF;
}

.produto .lado_esq{
	clear:left;
}

.produto .lado_esq img{
	float:left;
	clear:left;
}

.produto .lado_dir{
	clear:right;
}

.produto .lado_dir p{
	width:121px;
	float:right;
	clear:right;
	margin:10px 0 0 0;
	font-size:10px;
	color:#FFF;
}

.produto{
	min-width:265px;
	float:left;
	margin:0 0 0 30px;
}

.produto p strong{
	text-decoration:line-through;
}

.produto p .preco_promocional{
	font-size:16px;
	color:#FF0;
	text-decoration:none;
}

.reservar{
	background:url(../images/indicar.jpg) no-repeat;
	width:55px;
	height:13px;
	float:right;
	clear:right;
	margin:20px 20px 0 0;
	color:#FFF;
	text-align:center;
	line-height:10px;
}

.reservar:hover{
	border:#666 solid 1px;
}

.play_promo{
	background:url(../../images/play.jpg);
	width:40px;
	height:63px;
	float:right;
	margin:77px 0 0 0;
}

#parceiros{
	float:left;
	width:285px;
	height:185px;
	margin:25px 0px 25px 35px;
	background:#FFF;
}

#titulo_parceiro{
	width:285px;
	height:20px;
	background:#498891;
	color:#FFF;
	padding:2px 0 0 0;
	font-size:14px;
	text-align:center;	
}

#parceiros img{
	margin:30px 0 0 20px;
}

#imagem_campeonato{
	width:870px;
	height:600px;
}

.mini_vitrine #imagem_campeonato{
	display:none;
}

.mini_vitrine{
	width:290px;
	height:180px;
	float:left;
	margin:20px 0 20px 35px;
}

.mini_vitrine h3,.mini_vitrine_campeonatos h3{
	width:260px;
	height:30px;
	float:left;
	padding:0 0 0 30px;
	font-size:17px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:30px;
}

.titulo_parceiros{
	background:#71625b;
}

.titulo_campeonatos{
	background:#498891;
}

.titulo_praias{
	background:#da251c;
}

#videos_historia{
	background:#1f1a17;
	width:940px;
	height:383px;
	clear:left;
	margin:0 0 20px 35px;
}

#videos_historia .esquerda{
	width:616px;
}
#videos_historia .direita{
	width:287px;
}


#videos_historia .video{
	width:588px;
	float:left;
	margin:27px 0 0 20px;
	display:inline;
	color:#d67d34;
	font-size:21px;
	font-weight:normal;
}

#videos_historia .historia{
	color:#7f7c7a;
	float:right;
	clear:right;
	font-size:18px;
	font-weight:normal;
	margin:27px 34px 0 0;
}

#videos_historia .esquerda #tela_video{
	width:435px;
	height:306px;
}

.video_flv{
	background:#919191;
	width:435px;
	height:306px;
	float:left;
	clear:left;
	margin:16px 0 0 20px;
}

.lista_mini_video{
	width:137px;
	height:306px;
	float:left;
	margin:17px 0 0 15px;
	padding:0 5px 0 0;
	list-style-type:none;
	overflow:auto;
}
.lista_mini_video li{
	margin:0 0 15px 0;
	cursor:pointer;
}
.lista_mini_video li h6{
	text-align:center;
	font-size:10px;
}

#foto_historia{
	background:url(../images/historico_surf_brasil.jpg);
	width:253px;
	height:235px;
	float:right;
	margin:19px 30px 0 0;
}

#texto_foto_historia{
    background-color:#4d4948;
	width:241px;
	height:50px;
	float:right;
	margin: 0px 30px 0 0;
	padding:17px 0 0 12px;
}

.texto_historia{
   width:148px;
   height:30px;
   float:left;
}

.link_historia{
  float:right;
  margin: 0 20px 0 0;
}

/*A nordik //////////////////////////////////*/

#conteudo_anordik{
	background:#383431;
	width:1002px;
	height:451px;
	float:left;
}

#conteudo_anordik p{
	width:385px;
	clear:left;
	margin:20px 0 10px 0;
	padding:0 40px 0 48px;
	color:#FFF;
}

#vitrine_anordik {
	float:left;
	height:404px;
	margin:25px 0 0 26px;
	width:943px;
}

#conteudo_anordik h3{
	float:right;
	margin:210px 0 0 0;
	font-size:12px;
}

.direita{
	float:right;
}

.esquerda{
	float:left;
}


.titulo_produto_promocao{
	width:247px;
	height:26px;
	float:left;
	display:inline;
	font-size:12px;
	text-transform:uppercase;
}
.titulo_desc_empresa{
	width:385px;
	height:88px;
	float:left;
	font-size:27px;
	text-transform:uppercase;
}

#desc_empresa{
	width:385px;
	height:295px;
    float:left;
	text-align:justify;
}

#foto_a_nordik{
	background:url(../images/foto_a_nordik.jpg) no-repeat;
	width:558px;
	height:404px;
	float:right;
}

.faca_tour{
	background:#000;
	width:120px;
	height:21px;
	margin:370px 10px 10px 0;
	padding:4px 0 0 0;
	float:right;
	color:#FFF;
	text-align:center;
}

/* PRODUTOS //////////////////////////////////*/
#vitrine_swf_pro{
	background-color:#000;
	text-align:center;
	width:1002px;
	height:423px;
	float:left;
}


#vitrine_produtos{
	background-color:#000;
	width:888px;
	height:422px;
	float:left;
	display:block;
	margin:0 0 0 57px;
}

#conteudo_central_produtos{
	background:#c5c5c5 url(../images/Background_Produtos.jpg);
	width:1002px;
	float:left;
	padding:55px 0 25px 0;
}

.menu_produtos{
	width:155px;
	padding:0;
	margin:0 0 0 40px;
	float:left;
	list-style:none;
}

.menu_produtos li{
	width:155px;
	float:left;
	color:#000000;
}

.menu_produtos li a{
	width:140px;
	padding:0 0 0 15px;
	float:left;
	color:#313131;
}

.menu_produtos .SubTitulo_Menu{
	background:#333333;
	width:140px;
	height:25px;
	padding:7px 0 0 15px;
	margin:14px 0 5px 0;
	float:left;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
}

.menu_produtos li a:hover{
	color:#9d0000;
	text-decoration:underline;
}

.menu_produtos li a:before{
	content:"-";
}

#informacao_produtos{
	margin:0 55px 0 0;
	width:658px;
	min-height:600px;
	float:right;
}

#informacao_produtos #alerta{
	margin:129px 0 0 235px;
}

#informacao_produtos #alerta p{
	color:#000;
}

.item_Produto{
	width:194px;
	float:left;
	margin:0 0 0 25px;
	float:left;
	text-align:center;
}

.div_foto{
	background:#000;
	width:194px;
	height:146px;
	margin:0;
	padding:0;
	text-align:center;
}

.div_foto a {
	margin:0;
	padding:0;
	display:block;
	float:left;
}

.descricao_produto{
	margin:18px 0 22px 0;
	padding:0;
}

.descricao_produto li{
	font-size:9pt;
	color:#7e7e7e;
	padding:0;
	list-style:none;
	text-align:center;
}

.Botao_Produtos{
	width:74px;
	height:22px;
	margin:0 0 19px 0;
	background:url(../images/Botao_Detalhes_Produtos.jpg) no-repeat;
	display:block;
}
fotos_produtos{
	margin:0;
}


/*// CADASTRO DE REPRESENTANTES */

#conteudo_central_repre{
	width:893px;
	margin:62px 0 0 30px;
	padding: 0 0 0 50px;
	float:left;

}
#conteudo_central_repre h2{
	font-size:27px;
	margin:0;
	text-transform:uppercase;
	float:left;
}
.form_cadastro{
	float:left;
	width:620px;
}

.form_cadastro input{
	padding:0 5px 0 5px;
	color:#000;
}

#linha{
	width:100%;
	clear:left;
	float:left;
	margin:20px 0 0 0;
}

#linha p{
	text-align:justify;
}

.form_cadastro h5{
	width:100%;
	clear:left;
	float:left;
	margin:25px 0 0 0;
	font-size:16px;
}

.form_cadastro label{
	width:90px;
	float:left;
	font-size:12px;
}

#comeco_linha{
	width:280px;
	float:left;
}

#final_linha{
	width:280px;
	float:right;
}

.tamanho_01{
	width:520px;
}

.tamanho_04{
	width:180px;
}

.checkConcordo{
	width:13px;
	height:13px;
	float:left;
	margin:0 10px 0 0;
}

#linha_botao{
	width:250px;
	clear:left;
	float:left;
	margin:35px 0 0 0;
}

#linha_botao input{
	background:url(../images/btn_cadastro.jpg) no-repeat;
	width:67px;
	height:20px;
	margin:0 10px 85px 0;
	font-size:10px;
	cursor:pointer;
}

#cadastro_banner_01{
	background:url(../images/cadastro_banner_01.jpg) no-repeat;
	width:170px;
	height:537px;
	float:right;	
}

#cadastro_banner_02{
	background:url(../images/cadastro_banner_02.jpg) no-repeat;
	width:170px;
	height:225px;
	float:right;
	clear:right;
	margin:45px 0 0 0;
}

.form_cadastro label.error{
	clear:left;
	color:#F00;
	width:100%;
	margin:0 0 0 90px;
}

#final_linha input{
	float:right;
}

#linha_concordo{
	width:113px;
	clear:left;
	float:left;
	margin:20px 0 0 0;
}

#linha_concordo input{
	padding:0;
}

#linha_concordo label{
	float:right;
}

#linha_concordo label.error{
	width:420px;
	margin:0;
	float:left;
}

/*///////////////////////////////////////contato*/

#conteudo_central_con{
	width:893px;
	height:451px;
	margin:62px 0 0 30px;
	padding: 0 0 0 50px;
	float:left;
}

#conteudo_central_con h2{
	font-size:27px;
	margin:0;
	text-transform:uppercase;
}

#conteudo_central_con address{
	font-size:18px;
	font-style:normal;
}

#conteudo_central_con .link_contato{
	font-size:18px;
}

.form_contato{
	width:335px;
	height:170px;
	float:left;
	margin:30px 0 40px 0;
}

.form_contato label{
	float:left;
	clear:left;
	font-size:20px;
	color:#da251d;
}

.form_contato label.error{
	font-size:12px;
	margin:0 0 5px 0;
}

.form_contato .linha{
	margin:0 0 5px 0;
}

.form_contato input, .form_contato textArea {
	width:325px;
	height:30px;
	float:left;
	clear:left;
	padding:0 5px;
	color:#000;
	font-size:20px;
}

.form_contato textArea{
	height:85px;
}

#contato_lat_esquerda{
	float:left;
}

#contato_lat_direita{
	width:375px;
	float:right;
}

.form_contato .linha{
	float:left;
	clear:left;
}

.form_contato .linha .btns{
	background:url(../images/btn_contato.jpg) no-repeat;
	width:59px;
	height:26px;
	clear:none;
	margin:0 15px 0 0;
	padding:0;
	font-size:12px;
	color:#FFF;
}
.form_contato .linha .btn_envia{
	background:url(../images/btn_contato.jpg) no-repeat;
	width:59px;
	height:26px;
	clear:none;
	margin:0 15px 0 0;
	padding:0;
	font-size:12px;
	color:#FFF;
}

.mapa{
	margin:0 0 0 50px;
	float:left;
}

#slider{
	height:auto;
}

/*/////////////////////////////login/////////////////////////////////////
*/

#frm_login{
	float:left;
	margin:115px 0 0 220px;
}

#frm_login input {
	color:#000;
	margin:5px 0 5px 0;
}

#frm_login label{
	width:50px;
	float:left;
	padding:5px 0 0 0;
}

/*////////////////////////////////reserva//////////////////////////////////////*/
#titulo_reserva{
	background:#1f1a17;
	width:385px;
	position:relative;
	margin:10px auto 0 auto;
	padding:15px 0 0 15px;
	font-size:24px;
}
#frm_reserva{
	background:#1f1a17;
	width:385px;
	height:335px;
	padding:15px 0 0 15px;
	position:relative;
	margin:0 auto;
	color:#000;
}

#frm_reserva input{
	width:130px;
	color:#000;
}

#frm_reserva label{
	width:106px;
	margin:0 0 10px;
	clear:left;
	font-size:17px;
}

#frm_reserva .error{
	clear:none;
	width:auto;
}
#frm_reserva textarea{
	width:230px;
	height:150px;
	color:#000;
}

#frm_reserva input,#frm_reserva label, #frm_reserva textarea{
	float:left;
} 

#frm_reserva .button{
	width:95px;
	clear:left;
	margin:20px 0 0 0;
	color:#000;
}