/* CSS Document */

/* By luizphill@hotmail.com - LFAO */

@import url("reset.css");
@import url("classes.css");

/*
html {	overflow-y: scroll; 
		overflow-x: hidden;} */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	background-color: #D5D5AA;
	background-image:url(../img/background.jpg);
	background-position:center center;
}

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,dl,dt,dd,select,textarea,label {
	font-size: 10px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";

}

a {	color: #666;	}
a:hover {	color:#000; text-decoration: underline;	}

#site_all{
	width: 990px; /* 808*/
	min-height: 428px;
	margin: 0 auto;
}

#site{
	width: 808px; /* 808*/
	min-height: 428px;
	margin: 0 auto;
	float: left;
}

#topo{
	background-image:url(../img/back_topo2.jpg);
	background-position: center center;
	width: 808px;
	height: 133px;
	z-index:10;
	
}

#menu{
	width: 770px;
	height: 20px;
	background:url(../img/back_menu.jpg) no-repeat;
	background-position: 19px 1px;
	float: left;
	padding: 1px 0 0 19px;
	z-index: 21;
	position: relative;
}

#menu a{
	height: 22px;
	display: block; 
	font-size:0;
	margin: -2px 0 0 0;
	color: #fff;
	z-index: 1000;
	position: relative;	
	background: url(../img/blank.gif);
}

#menu li ul a{ 
	font-size: 11px;
	margin:0;
	display:block; 
	padding: 0 0 8px 0;
	z-index: 1000;
}
#menu a:hover{ text-decoration: none; }

#menu ul li{
	display: inline;
	width: 152px;
	height: 19px;
	float: left;
	border: 1px solid #fff;
	z-index: 1000;
	position: relative;
}

#menu li ul li{ 
	float:none;
	text-align: left; 
	width: 150px;
	height: 15px; 
	border-top: none;
	border-left: 1px solid #B6AD96;
	border-right: 1px solid #B6AD96;
	border-bottom: 1px solid #B6AD96;
	margin: 0px;
	padding: 0 0 0 0px;
	display: block;
	z-index: 1000;
	/*background-color: #8A867F;*/
	background-image: url(../img/back_cinza.png);
}
#menu li ul li a{ padding: 0 0 0 5px; height: 15px;  }

#sublink_midia{ 
	display: none; 
	position: absolute;
	z-index: 2000;
}

#sublink_midia a{ color:#ccc; }
#sublink_midia a:hover{ color:#fff; }

#sublink_marroquim{ 
	display: none; 
	position: absolute;
	z-index: 2000;
}

#sublink_marroquim a{ color:#ccc; }
#sublink_marroquim a:hover{ color:#fff;  }

#sublink_shop_online{ 
	display: none; 
	position: absolute;
	z-index: 2000;
}

#sublink_shop_online a{ color:#ccc; }
#sublink_shop_online a:hover{ color:#fff; }



#meio{
	width: 808px;
	min-height: 380px;
	float: left;
	background-image:url(../img/back_meio.jpg);
	background-repeat: repeat-y;
	position: relative;
}

#conteudo{
	width: 808px;
	min-height: 750px;
	float: left;
	padding: 0px 0 10px 0;
}

#cabecalho{
	width: 808px;
	height: 252px;
	background: url(../img/cabecalho2.jpg) no-repeat;
	/*overflow: hidden;*/
	float: left;
}

#cabecalho_internas{
	width: 808px;
	height: 140px;
	overflow: hidden;
	background: url(../img/cabecalho2.jpg) no-repeat;
	float: left;
}

#cabecalho_esq{
	width: 216px;
	height: 252px;
	overflow: hidden;
	/*float: left;*/
	padding: 0 0 0 35px;
	z-index: 11;
	position: relative;
}

#homem_surf{
	width: 202px;
	height: 112px;
	padding: 18px 0 0 14px;
}

#newsletter{
	width: 216px;
	height: 70px;
	float: left;
	background-image:url(../img/back_news.png);
	background-position: -2px 9px;
	background-repeat:no-repeat;
	padding: 30px 0 0 6px;
	margin: 130px 0 0 0;
}

#newsletter_internas{
	width: 216px;
	height: 70px;
	float: left;
	background-image:url(../img/back_news.png);
	background-position: -2px 9px;
	background-repeat:no-repeat;
	padding: 30px 0 0 6px;
	margin: 17px 0 0 0;
}

#cabecalho_dir{
	/*width: 572px;
	height: 252px;*/
	width: 770px;
	height: 357px;
	/*float: left;*/
}

#index_esq{
	width: 530px;
	height: auto;
	float: left;
	padding: 10px 0 0 29px;
}

#index_shop{
	width: 530px; 
	height: 250px;
	background-image: url(../img/back_shop2.jpg);
	overflow: hidden;
	float:left;
	padding: 40px 0 0 10px;
}

#index_destaques{
	width: 525px;
	height: 150px;
	background:url(../img/back_destaques.gif) no-repeat;
	background-position: 15px 15px;
	overflow: hidden;
	float: left;
	padding: 50px 0 0 15px;
}

#index_dir{
	width:210px;
	height: auto;
	float: left;
	padding: 0 0 0 15px;
}

#index_tempo{
	width: 170px; 
	height: auto;
	padding: 0 0 12px 2px; /*12 18*/
	background: none;
}

#back_noticias_top{
	width: 200px;
	height: 14px;
	background: url(../img/back_noticias_top.gif) no-repeat;
	padding: 0px;
}

#ultimas_noticias{
	width: 190px;
	min-height: 450px;
	background: url(../img/back_noticias_middle.gif) repeat-y;
	padding: 0 0 0 10px;
	float:left;
}

#ultimas_noticias2{
	background: url(../img/back_ultimas_fotos.gif) no-repeat;
	width: 192px;
	height: 380px;
	float: left;
	padding: 15px 0 0 8px;
	float:left;
	overflow: hidden;
}

#ultimas_noticias2 h3{
	height: 17px;
	background: url(../img/foto_reportagem.gif) no-repeat; 
	font-size:0;
	margin-left: 6px;
	color: #747066;
}

#back_noticias_bottom{
	width: 200px;
	height: 19px;
	background: url(../img/back_noticias_bottom.gif) no-repeat;
	float:left;
}

#internas_esq{
	width: 202px;
	height: auto;
	padding: 0 0px 0 29px;
	float: left;
}

#internas_dir{
	width: 525px; /* 558 */
	height: auto;
	float:left;
	padding: 0 0 0 15px;
}
#internas_dir h3{ 
	padding: 15px 0 15px 0;
	letter-spacing: 2px;
	}
#internas_dir p{color: #464646;}
#internas_dir dt{ 
	padding: 0px 0 0 10px;
	background: url(../img/bullet4.gif) no-repeat;
	background-position: 0 3px;
	font-size:12px; 
	color: #666;
	
	}
#internas_dir dd{ padding: 0 0 10px 0; color: #464646; }

#menu_esq{
	width: 172px;
	min-height: 98px; /* 222*/
	float: left;
	padding: 20px 0 0 15px;
}
#menu_esq a{
	width:172px;
	height: 13px;
	display: block;
	position:relative;
	z-index: 100;
	color: #F5D1BE;
	background-repeat: no-repeat;
	background-position: 0 -13px;
	font-size: 0;
}
#menu_esq a:hover{ background-position: 0px 0px; }
#menu_esq ul li a.ativo{ background-position: 0px 0px; } 

#menu_esq ul li{
	width: 172px;
	height: 13px;
	padding: 0 0 9px 0;
}

#submenu{
	width:528px;
	height: 19px;
	padding: 5px 0 0 2px;
}
#submenu a{ padding: 0 14px 0 14px; }
#submenu ul li{	float: left; height: 13px;	}


#fotos_recentes{
	background: url(../img/back_ultimas_fotos.gif) no-repeat;
	width: 202px;
	height: 380px;
	float: left;
	padding: 15px 0 0 0px;
}
#fotos_recentes h3{ 
	height: 17px;
	background: url(../img/fotos_recentes.gif) no-repeat; 
	font-size:0;
	margin-left: 15px;
	color: #747066;
}

#rodape{
	width: 808px;
	height: 57px;
	overflow: hidden;
	float: left;
	background-image: url(../img/rodape.jpg);
	background-repeat:no-repeat;
	padding: 0px 0 0 0;
}

#rodape p{ color: #000; text-align: center; }
#rodape a{ color: #666666; text-align: center; }

#jireweb { 
	width: 808px;
	height: 25px;
	overflow: hidden;
	float: left;
	padding: 20px 0 0 0;
}

#box_dir{
	width: 182px;
	height: auto;
	float: left;
}

#mensagem_forum{
	width: 280px;
	height: 150px;
	float: left;
}

#login{
	width: 182px;
	height: 82px;
	float: left;
}

#login p{ color: #666666;}
#login h3{ color: #666666; padding: 3px 0 5px 0;}

#login2{
	width: 182px;
	height: 93px;
	float: left;
	background: #D7CFBC;
	padding: 15px 28px 5px 35px;
}

#login2 p{ color: #666666;}
#login2 h3{ color: #666666; padding: 3px 0 5px 0;}

#surftrips{
	width: 182px;
	height: 421px;
	float: left;
	/*margin: 83px 0 0 0;*/
	background:url(../img/back_surftrip.gif) no-repeat;
	background-position: 0 30px;
	overflow: hidden;
}
#surftrips h3 a{ 
	width: 180px;
	height: 21px;
	display: block;
	background: url(../img/surftrip_title.gif) no-repeat; 
	font-size:0;
}
#surftrips strong{color: #fff; } 
#surftrips span{ color: #666666; }

#forum{
	width: 182px;
	height: 421px;
	float: left;
	margin: 0px 0 0 0;
	background:url(../img/back_surftrip.gif) no-repeat;
	background-position: 0 30px;
	overflow: hidden;
}
#forum h3 a{
	width: 180px;
	height: 21px;
	display: block;
	background: url(../img/forum_title.gif) no-repeat; 
	font-size:0;
}
#forum strong{ color: #fff; } 
#forum span{ color: #666666; }

#encomende_previa{
	width: 144px;
	height: 203px;
	background: url(../img/back_produto.gif) no-repeat;
	text-align: center;
	padding: 30px 14px 0 0;
	float: left;
}

#encomende_categoria{
	width: 357px;
	height: 235px;
	float: left;
	background:url(../img/encomende_categ.jpg) no-repeat;
	background-position: 0 17px;
	padding: 0 0 0 10px;
}
#encomende_categoria h4{ 
	color: #fff;
	padding: 19px 0 10px 0px;
	font-size: 11px;
}
#encomende_categoria li p{ vertical-align:text-top; }
.encomende_opcoes{
	width: 520px;
	height: auto; /* 54 */
	float: left;
	background: #D5CDB8  url(../img/encomende_opcoes.jpg) no-repeat;
	padding: 2px 0 10px 10px;
	margin-bottom: 10px;
}
.encomende_opcoes h4{ 
	color: #fff;
	font-size: 11px;	
	padding: 0 0 12px 0;	
}

.encomende_opcoes_interno{
	width: 350px; /* 172*/
	height: auto;
	float:left;
	padding: 0 10px 0 0;
}
.encomende_opcoes_interno ul li{
	padding: 0 34px 0 0;
}

.encomende_opcoes_interno input.button{
	border: none;
	background: #FAF7EC;
}

.encomende_opcoes_interno input.radio{
	float:left;
	margin-right: 3px;
}
.encomende_escolha_interno{
	width: 150px;
	height:auto;
	float:left;
	text-align:center; border: 1px solid #666; padding: 10px 0 10px 0;
}

.encomende_opcoes_interno2{
	width: 300px; /* 172*/
	height: auto;
	float:left;
	padding: 0 10px 0 0;
}

.encomende_escolha_interno2{
	width: 200px;
	height:auto;
	float:right;
}

#popup{
	width: 588px;
	height: 423px;
	position: absolute;
	z-index: 100;
	background: url(../img/back_popup.jpg);	
}

#opcoesavancadas{
	cursor:pointer;
	height:10px;
	overflow:hidden;
}