@charset "utf-8";
/*@charset "ISO-8859-1";*/
/* CSS Document */

body { margin:0px; background:url(../images/vertical_line_15x30px.gif); background-position:center; background-repeat:repeat; 
scrollbar-arrow-color: #262626;
scrollbar-3dlight-color:#262626;
scrollbar-highlight-color:#262626;
scrollbar-face-color:#BE0000;
scrollbar-shadow-color:#262626;
scrollbar-darkshadow-color:#262626;
scrollbar-track-color:#262626;}

#backwhite {width:1042px; height:880px; margin: 0 auto; background:#FFF;}

#container {margin-left:9px; width:1024px; height:880px; background:#262626;}

ul{list-style-type:none; padding:0px; margin:0px;}

div.errormessage {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; background-color: #FFFFE1; 
border: 1px dashed #CFCFCF; margin-top: 30px; margin-bottom: 16px; padding: 6px 6px 6px 6px; text-align:center; line-height: 18px;}

div.errormessage td {line-height: 18px;}

.tab-r {color: #CC0000;}
.tab-r2 {color: #FFF;}

a:link {text-decoration: none; color:#666666}
a:visited {text-decoration: none; color:#666666}
a:hover {text-decoration: underline; color: red}
a:active {text-decoration: none;}

/*########## HEADER #########*/

#header{width:1024px; height:365px; background:#FFF;}

#header img{/*width:335px; height:147px;*/ position:relative; top:-16px;}

#headertop {width:1024px; height:25px; background:#1A1A1A;}

#sep_left {width:360px; height:95px; position:absolute; background:url(../images/fundo_menu_1x95px.gif) repeat-x;}

#sep_centro {width:2px; height:95px; position:absolute; margin-left:360px; background:url(../images/separador.gif) no-repeat;}

#sep_right {width:662px; height:95px; position:absolute; margin-left:364px;}

#sep_right ul {width:664px; height:95px; display:block; position:absolute; top:0px; right:0px; margin:0; padding:0;}

#sep_right ul li {float:left; width:128px; height:95px; display:block; background:url(../images/separador.gif) 100% 0 no-repeat; 
text-align:center; padding-top:0px; padding-left:0px; padding-right:2px;}

#sep_right ul li a { width:128px; height:56px; display:block; font:20px/20px "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; background:url(../images/botao.gif) 0 0 repeat-x; text-decoration:none; margin:0; padding-top:39px;}

#header ul li a:hover{ width:128px; height:56px; display:block; background:url(../images/botao_rollover.gif); color:#FFF; text-decoration:none;}

#sep_right ul li.sep_end {width:10px; height:95px; background:url(../images/fundo_menu_1x95px.gif) repeat-x;}

#img_loja {width:1024px; height:245px; position:absolute; margin-top:111px; /*margin-top:95px; background:#CCC;*/ }

/*########## CENTER #########*/
#center {width:1024px; height:430px; background:url(../images/fundo_destaques_1x435px.gif) repeat-x;}

.center_texto {width:1000px; height:410px; font:20px/20px Century Gothic; color:#FFF; margin-left:10px; overflow:auto;}

.centro_titulo {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; padding-left:5px;}

#box1 {width:312px; height:180px; position:absolute; margin-left:12px; margin-top:22px; 
/*border:5px solid #BE0000;*/}
/*#box1 a {margin:0px; padding:0px;}*/
#box1 img { margin:0px; padding:0px;}

#box2 { width:312px; height:180px; position:absolute; margin-left:351px; margin-top:22px; 
/*border:5px solid #BE0000;*/}

#box3 { width:312px; height:180px; position:absolute; margin-left:690px; margin-top:22px; 
/*border:5px solid #BE0000;*/}

/*########## CENTER  LOCALIZAÇÃO #########*/
#localizacao {width:322px; height:180px; position:absolute; margin-left:12px; margin-top:240px;}
#localizacao img { margin-top:10px; padding-left:5px;}

#texto_localizacao {font:12px/12px "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; padding-left:5px; padding-right:5px;}

#texto_localizacao a:link {text-decoration: none; color:red}
#texto_localizacao a:visited {text-decoration: none; color:red}
#texto_localizacao a:hover {text-decoration: underline; color:#666666}
#texto_localizacao a:active {text-decoration: none;}

/*########## CENTER NOVIDADES #########*/
#novidades {width:322px; height:180px; position:absolute; margin-left:351px; margin-top:240px;}
#novidades img { margin-top:10px;}

.img_novidades {width:50px; height:50px; margin-left:3px; margin-top:2px;  float:left;} 
.img_novidades img {border:1px solid #999; padding:1px;}

.mini_texto_novid {width:230px; height:50px; margin-left:10px; margin-top:13px; float:left;}
.mini_texto_novid span {font:10px/10px bold "Century Gothic",Arial, Helvetica, sans-serif;}
.mini_texto_novid a:link {color: #FF0000; text-decoration: none;}
.mini_texto_novid a:visited {color: #FF0000; text-decoration: none;}
.mini_texto_novid a:hover {color: #FF0000}
.mini_texto_novid a:active {color: #FF0000; text-decoration: none;}

#texto_novidades {font:12px/12px "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF;}

/*########## CENTER NEWSLETTER #########*/
#newsletter {width:322px; height:180px; position:absolute; margin-left:690px; margin-top:240px;}
#newsletter img {margin-top:10px; padding-left:5px;}

#form_newsletter { padding-left:7px; padding-top:5px;}

#form_newsletter form { margin:0px; padding:0px;}

#form_newsletter input {font:12px/12px "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; background:#1A1A1A; border:double #333; padding-top:3px;}

#form_newsletter label {font:12px/12px "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; line-height:17px;}

#form_newsletter .img_submit { margin-top:5px; margin-left:1px; background:url(../images/botao_enviar.gif); border:none;}
/*########## FOOTER #########*/

#footer {width:1024px; height:83px; background:#1A1A1A;}

#footer span {font:12px/12px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute; padding-top:20px;}

/*########## LINHA SURF SCHOOL #########*/

#banner_sumol { width: 120px; height:90px; position:absolute; margin-left:400px; margin-top:60px; border:1px solid #000;}

#surf_school {width:600px; height:430px; position:absolute; margin-left:16px;}

.school_titulo {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute; margin-top:35px; padding-left:3px;}
.school_img {width:600px; height:3px; position:absolute; background:url(../images/sep_fundo_centro_p.gif) repeat-x; margin-top:45px;}
.school_texto {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; width:590px; height:340px; position:absolute; margin-top:65px; padding-left:3px; overflow:auto;}


#school_fotos { width:375px; height:430px; position:absolute; margin-left:630px;}
.school_titulo_fotos {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute;  margin-top:35px; padding-left:3px;}
.school_fotos_img {width:375px; height:3px; position:absolute; background:url(../images/sep_fundo_centro_p.gif) repeat-x; margin-top:45px;}

.texto_school {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute; width:375px; height:350px; margin-top:55px; padding-left:3px; overflow:auto;}
.texto_school span { width:80px; height:80px; background:#333; position:relative; display:block; margin-left:4px; margin-bottom:4px; float:left;}

li.square {list-style: url(../images/lsschool_square.gif) square inside;}

#pacote_aulas { width:185px; height:155px; float:left;}
#pacote_ferias { width:280px; height:155px; float:left; margin-left:3px;}

.pacote_titulo {font:18px/18px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; text-align:center; width:100%; 
height:30px; padding-top:5px; background:#333;}
.pacote_texto {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; width:100%; height:122px;
padding-top:10px; background:#262626;}
.pacote_texto tr {text-align:right;}
.pacote_texto span { padding-left:5px; line-height:19px;}

.pacote_img {height:3px; background:url(../images/sep_fundo_centro_p.gif) repeat-x;}

#alinhar_div { width:70px; height:155px;}

/*########## PAGINA PROMOÇÕES #########*/

#promocoes_titulo {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute; margin-top:35px; 
margin-left:20px;}

#promocoes_img {width:995px; height:3px; position:absolute; background:url(../images/sep_fundo_centro_p.gif) repeat-x; margin-top:60px;
margin-left:16px;}

#promocoes_centro { width:995px; height:330px; position:absolute; margin-top:95px; margin-left:16px; overflow:auto;}

#promo_diversos {width:930px; height:100%; position:absolute; margin-left:0px; margin-top:0px;}

/*#promo_roupa {width:465px; height:100%; position:absolute; margin-left:478px; margin-top:0px;}*/

#promo_centro_titulo {font:36px/36px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; text-align:center; width:930px; height:45px; background:#262626; margin-bottom:10px; padding-top:5px;}

.promo_percentagem {font:36px/36px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; text-align:center; width:100px; 
height:70px; background:#FF0000; margin-bottom:5px; padding-top:20px; float:left;}

.promo_descricao {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#262626; width:820px; height:85px; 
background:#FFFFFF; margin-left:5px; margin-bottom:5px; padding-top:5px; padding-left:5px; float:left;}

/*########## NOVIDADES DO SITE LSS #########*/

#novidades_news {width:600px; height:420px; position:absolute; margin-left:16px;}

.novidades_news_titulo {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute; 
margin-top:35px; padding-left:3px;}
.novidades_news_img {width:600px; height:3px; position:absolute; background:url(../images/sep_fundo_centro_p.gif) repeat; margin-top:45px;}
.novidades_news_texto {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; width:590px; height:340px; 
position:absolute; margin-top:65px; padding-left:3px; overflow:auto;}

#noticia_titulo { width:550px; height:25px; position:absolute; margin-left:5px; margin-top:20px; }
#noticia_img { width:160px; height:160px; position:absolute; margin-left:380px; margin-top:20px;}
.noticia_texto { width:550px; position:absolute; margin-top:40px; overflow:auto;}
.noticia_texto img { margin:5px 15px 10px 0; padding:2px; border:2px solid #999; float:left;}


#novidades_lista_news { width:375px; height:420px; position:absolute; margin-left:630px;}
.novidades_lista_news_titulo {font:20px/20px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute;  margin-top:35px; padding-left:3px;}
.novidades_lista_news_img {width:375px; height:3px; position:absolute; background:url(../images/sep_fundo_centro_p.gif) repeat; 
margin-top:45px;}

.novidades_lista_news_texto {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; position:absolute; 
width:370px; height:340px; margin-top:65px; padding-left:3px; overflow:auto;}

.novidades_lista_imagem {width:50px; height:50px; margin-left:3px; margin-top:2px; border:1px solid #999; padding:1px; float:left;} 

.novidades_lista_mini_texto {width:300px; height:50px; margin-left:10px; margin-top:13px; float:left;}
.novidades_lista_mini_texto span {font:10px/10px bold "Century Gothic",Arial, Helvetica, sans-serif;}
.novidades_lista_mini_texto a:link {color: #FF0000; text-decoration: none;}
.novidades_lista_mini_texto a:visited {color: #FF0000; text-decoration: none;}
.novidades_lista_mini_texto a:hover {color: #FF0000}
.novidades_lista_mini_texto a:active {color: #FF0000; text-decoration: none;}

#novidades_lista_texto {font:12px/12px "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF;}

/*########## RENTAL #########*/

#rental {width:1020px; height:420px;}

/*#rental_boards {width:500px; position:absolute;}

#rental_bags {width:500px; position:absolute; margin-left:505px;}
*/
#rental_capas_viagem { width:450px; height:255px; padding-top:10px; padding-left:10px; float:left;}
#rental_pranchas_surf { width:530px; height:255px; padding-top:10px; padding-left:10px; float:left;}

.rental_titulo {font:18px/18px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; text-align:center; width:100%; 
height:30px; padding-top:5px; background:#333;}
.rental_texto {font:14px/14px bold "Century Gothic",Arial, Helvetica, sans-serif; color:#FFF; width:100%; height:360px;
padding-top:10px; background:#262626;}

.rental_texto tr {text-align:right;}
.rental_texto span { padding-left:5px; line-height:19px;}

.rental_img { width:100%; height:3px; background:url(../images/sep_fundo_centro_p.gif) repeat-x;}

.rental_img_p { width:250px; height:3px; background:url(../images/sep_fundo_centro_p.gif) repeat-x;}

#rental_alinhar_div { width:70px; height:155px;}