/******************************************************************************

DOCUMENTO: Arquivo com as classes de template e classes espec�ficas do projeto
CRIA��O: 16/10/2008
AUTOR: Alisson Douglas (alisson@brivia.com.br)
VERS�O: 003
ATUALIZA��ES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVA��ES: 

******************************************************************************/

/*****************
******************
	  BASICO
******************
******************/

@import url("_basico.css");


/*****************
******************
	TEMPLATE
******************
******************/

#pagina{
	width:950px;
	margin:0 auto;
	position:relative
}
#topo{ 
	width:938px;	 
	height:60px;
	position:absolute;
	top:0; left:0;
}
#conteudo{
	width:938px; height:506px;
	overflow:hidden;
	position:relative;
	top:60px;
	margin:0 0 60px;
}
#rodape{ 
	overflow:hidden;
	width:932px; height:21px;
	padding:13px 3px 0;
}


/*****************
******************
	PROJETO
******************
******************/


/******************
	  TOPO
*******************/
#logo{
	background:url(../img/logo.gif) no-repeat;
	width:133px;
	height:20px;
	float:left;
	display:inline;
	margin:30px 0 0
}
#logo a{height:18px;}

/*** menu global ***/
#menu-global{
	float:left;
	/*display:inline;*/
	margin:36px 0 0 10px;
	background:none;
	/*display:inline;*/
	width:auto
}
#menu-global ul li{ float:left; /*display:inline;*/ margin:0 0 0 12px }

/*#menu-global ul li a{ height:10px; }*/

#menu-global ul li.lk-team a{
	background:url(../img/lk-team.gif) no-repeat 0 -11px;
	width:42px;
}
#menu-global ul li.lk-produtos a{
	background:url(../img/lk-produtos.gif) no-repeat 0 -11px;
	width:74px;
}
#menu-global ul li.lk-blog a{
	background:url(../img/lk-blog.gif) no-repeat 0 -11px;
	width:36px;
}
#menu-global ul li.lk-skate-map a{
	background:url(../img/lk-skate-map.gif) no-repeat 0 -11px;
	width:74px;
}
#menu-global ul li a:hover,
#menu-global ul li.ativo a{ background-position:0 0 }

/*** menu complementar ***/
#menu-complementar{ margin:8px 0 0; float:right; display:inline }
#menu-complementar ul li{ float:left; display:inline; margin:0 8px 0 0 }
#menu-complementar ul li a{ height:7px; }
#menu-complementar ul li.lk-marca a{
	background:url(../img/lk-marca.gif) no-repeat 0 -8px;
	width:43px;
	margin-top:4px;
}
#menu-complementar ul li.lk-onde-encontrar a{
	background:url(../img/lk-onde-encontrar.gif) no-repeat 0 -8px;
	width:87px;
	margin-top:4px;
}
#menu-complementar ul li.lk-contato{ margin:0; }
#menu-complementar ul li.lk-contato a{
	background:url(../img/lk-contato.gif) no-repeat 0 -8px;
	width:48px;	
	margin-top:4px;	
}
#menu-complementar ul li a:hover,
#menu-complementar ul li.ativo a{ background-position:0 0 }


/*********************
	   RODAPE
**********************/
#rodape .lk-converse-skate-board{
	background:url(../img/bg-converseskateboarding.gif) no-repeat;
	float:left;
	font-size:0;
	display:inline;
	width:116px;
	height:9px;
	margin-right:20px;
}
#rodape .lk-converse-skate-board:hover{ background-position:0 bottom; }
#rodape .lk-converse-all-star{
	background:url(../img/bg-converseallstar.gif) no-repeat;
	float:left;
	font-size:0;
	display:inline;
	width:94px;
	height:9px	
}
#rodape .lk-converse-all-star:hover{ background-position:0 bottom; }


#rodape .menu-social-midia{ float:right; display:inline; _width:395px }
#rodape .menu-social-midia .label-social-midia{
	background:url(../img/bg-titulo-social-media.gif) no-repeat;
	float:left;
	display:inline;
	width:115px;
	height:9px
}
#rodape .menu-social-midia ul{ float:left }
#rodape .menu-social-midia ul li{ margin:0 0 0 10px; float:left } 
#rodape .menu-social-midia ul li a{ font-size:0; }
#rodape .menu-social-midia ul li.lk-orkut a{
	background:url(../img/lk-orkut.gif) no-repeat;
	width:22px;
	height:9px;
	float:left
}
#rodape .menu-social-midia ul li.lk-flickr a{
	background:url(../img/lk-flickr.gif) no-repeat;
	width:20px;
	height:9px;
	float:left
}
#rodape .menu-social-midia ul li.lk-mysquare a{
	background:url(../img/lk-mysquare.gif) no-repeat;
	width:40px;
	height:9px;
	float:left
}
#rodape .menu-social-midia ul li.lk-podcast a{
	background:url(../img/lk-podcast.gif) no-repeat;
	width:32px;
	height:9px;
	float:left	
}
#rodape .menu-social-midia ul li.lk-myspace a{
	background:url(../img/lk-myspace.gif) no-repeat;
	width:36px;
	height:9px;
	float:left
}
#rodape .menu-social-midia ul li.lk-constube a{
	background:url(../img/lk-constube.gif) no-repeat;
	width:37px;
	height:9px;
	float:left	
}
#rodape .menu-social-midia ul li.lk-vimeo a{
	background:url(../img/lk-vimeo.gif) no-repeat;
	width:24px;
	height:9px;
	float:left	
}
#rodape .menu-social-midia ul li.lk-fixtoride a{
	background:url(../img/lk-fixtoride.gif) no-repeat;
	width:43px;
	height:9px;
	float:left	
}
#rodape .menu-social-midia ul li.lk-twitter a{
	background:url(../img/lk-twitter.gif) no-repeat;
	width:30px;
	height:9px;
	float:left	
}
#rodape .menu-social-midia ul li.lk-formspring a{
	background:url(../img/lk-formspring.gif) no-repeat;
	width:46px;
	height:9px;
	float:left	
}
#rodape .menu-social-midia ul li.lk-facebook a{
	background:url(../img/lk-facebook.gif) no-repeat;
	width:38px;
	height:9px;
	float:left	
}
.lk-gadbrivia{
	background:url(../img/lk-gadbrivia.gif) no-repeat;
	width:7px;
	height:41px;
	float:right;
	display:inline;
	position:relative;
	top:-60px
}
#rodape .menu-social-midia ul li a:hover{ background-position:0 bottom; }


/*********************
	(ONDE ENCONTRAR) - LOCALIZAR LOJAS
**********************/
body#localizar-lojas .conteudo-principal{
	padding:42px 0 0 0;
	width:940px;
}
body#localizar-lojas .listagem-lojas, body#localizar-lojas .ondeEncontrar {
	width:500px;
	float:left;
}
body#localizar-lojas .conteudo-principal .lista {
	width:270px; 
	height:350px;
	float:left;
}
body#localizar-lojas .conteudo-principal .lista-virtuais{
	width:210px;
	margin-right:20px;
}

/* aqui */
body#localizar-lojas .conteudo-principal .ondeEncontrar .lista {
	width:270px; 
	height:230px;
	float:left;
}
body#localizar-lojas .conteudo-principal .ondeEncontrar .lista-virtuais{
	width:210px;
	margin-right:20px;
}
body#localizar-lojas .conteudo-principal .ondeEncontrar ul {
	height:230px!important;
}
/* aqui */

body#localizar-lojas .conteudo-principal ul {
	height:350px;
}
body#localizar-lojas .conteudo-principal ul li {
	margin-bottom:20px;
}
body#localizar-lojas .conteudo-principal .lista h2{
	font-size:18px;
	color:#666;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #E8E8E9;
        font-weight: normal;
        text-transform: uppercase;
}
body#localizar-lojas .conteudo-principal ul li h2, body#localizar-lojas .conteudo-principal ul li h3 {
	text-transform:uppercase;
}
body#localizar-lojas .conteudo-principal ul li h3, body#localizar-lojas .conteudo-principal ul li a, body#localizar-lojas .conteudo-principal ul li p{
	font-size:15px;
	color:#666;
	text-decoration:none;
        font-weight: normal;
}
body#localizar-lojas .conteudo-principal ul li a:hover {
	text-decoration:line-through;
}

body#localizar-lojas .busca-lojas {
	margin-bottom:30px;
}
body#localizar-lojas .busca-lojas form label {
	font-size:24px;
	margin-right:25px;
	float:left;
}
body#localizar-lojas .busca-lojas form input[type=text] {
	width:168px;
	height:28px;
	font-size:14px;
	color:#666;
	line-height:28px;
	padding:0 10px;
	margin-right:10px;
	border:1px solid #E8E8E9;
}
body#localizar-lojas .busca-lojas form input[type=submit], body#localizar-lojas .busca-lojas form a.input {
	width:30px;
	height:30px;
	font-size:18px;
	color:#000;
	line-height:30px;
	border:none;
	cursor:pointer;
	outline:none;
	display:block;
}
body#localizar-lojas .busca-lojas form label strong {
	font-family: 'BetonTBolRegular', serif;
}
body#localizar-lojas .busca-lojas cite {
	font-size:16px;
	font-style:normal;
	color:#808080;
	margin:5px 164px;
	float:none;
	display:block;
}
body#localizar-lojas .mapa, body#localizar-lojas .mapa-lojas{
	width:400px;
	height:360px;
	float:right;
}
body#localizar-lojas .mapa-lojas{
	float:none;
	margin-bottom:15px;
}
body#localizar-lojas .mapa p {
	font-size:16px;
	color:#808080;
	padding-right:5px;
}
body#localizar-lojas .mapa p.infos {
	text-align:right;
        text-transform: uppercase;
        font-size: 14px;
}
body#localizar-lojas #backButton{
    position: absolute;
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    left: 0; bottom: 0;
    background-image: url(../img/btBackButton.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.ondeEncontrarFt {
	height:160px;
	width:150px;
	text-align:center;
}
.ondeEncontrarFt h2 {
	font-size:18px;
	color:#666;
	text-transform:uppercase;
        font-weight: normal;
/*	margin-top:10px; */
}
.ondeEncontrarFt h2 span {
	display:block;
}
/*body#onde-encontrar #conteudo {
	background:url(../img/bg-onde-encontrar.jpg) no-repeat;
}
body#onde-encontrar .conteudo-principal{
	padding:42px 5px 0 0;
	width:788px;
	float:right;
}
body#onde-encontrar #secundario{ float:left; width:94px; padding-top:42px; }
.listagem-lojas{ overflow:hidden; }
.listagem-lojas ul{width:788px;}
.listagem-lojas li{
	float:left;
	text-align:center;
	width:110px;
	overflow:hidden;
	height:121px;
	padding:0 15px 35px 0;
}
.onde-encontrar-img{height:97px; display:block}
.listagem-lojas li.spacer{width:100%;height:0; margin:0; overflow:hidden; font-size:0}
.listagem-lojas h4{font:12px/90%;  }
.listagem-lojas a{color:#000; text-decoration:none;}
.listagem-lojas .local{font-size:12px;}
.mensagem-onde-encontrar{
	color:#000000;
	position:absolute;
	top:25px;
	margin-left:-20px;
	text-align:center;
	font-size:14px;
}*/

/*** MENU ***/
.menu-local li{padding:0 0 14px;}

/*links*/
.menu-local a{height:19px;}
.menu-local .lk-lojas-cons{background-image:url(../img/lk-lojas-cons.gif);}
.menu-local .lk-lojas-online{background-image:url(../img/lk-lojas-online.gif);}
.menu-local .lk-outras-lojas{background-image:url(../img/lk-outras-lojas.gif);}
.menu-local li.ativo a, .menu-local li a:hover{background-position:0 bottom;}

/*** VISUALIZAR LOJA ***/
#tb-pagina{
	width:733px; height:414px;
	overflow:hidden;
	position:relative;
	background:#FFF;
}
#tb-pagina h1{
	height:40px;
	background:#FFF;
	/*border-bottom:4px solid #666;*/
	font:26px/40px; /*Georgia, serif;*/
	color:#000;
	padding:10px 27px 0 27px;
	margin:0 0 30px;
}
#tb-pagina .tb-conteudo{width:670px; margin:0 auto;}
#tb-pagina .tb-conteudo a{color:#000;}
#tb-pagina .tb-conteudo .info-loja{
	float:right;
	width:260px;
	font:12px/100%; /*Georgia, serif*/;
}
#tb-pagina .tb-conteudo .info-loja p{margin:0 0 28px;}
#tb-pagina .tb-conteudo .info-loja address{margin:0 0 32px; font:12px; /*Georgia, serif;*/}
#tb-pagina .tb-conteudo .foto-loja{width:380px; text-align:center;}
.lk-fechar{
	background-image:url(../img/lk-fechar.gif);
	width:18px; height:18px;
	position:absolute;
	right:20px; top:12px;
}

/*** LOJAS ONLINE ***/
body.lojas-online .listagem-lojas{
	overflow:auto;
	height:450px;
}
body.lojas-online .listagem-lojas ul{width:760px;}
body.lojas-online .listagem-lojas ul li{
	padding:0 60px 15px 0;
	margin:0;
	width:130px; height:134px;
	overflow:hidden;
}

body.lojas-online .lojas-DF{ float:left; width:220px;}


/*** OUTRAS LOJAS ***/
body.outras-lojas #lojas{    
	overflow:auto;
	height:440px;
}
body.outras-lojas h3{ 
	color:#333333;
	/*font-family:Georgia,sans-serif;*/
	font-size:14px;	
	padding-bottom:4px;
}
body.outras-lojas small,
body.outras-lojas address{ 
	color:#000000;
	font:13px; /*Georgia, sans-serif;*/
	padding-bottom:2px;
	line-height:130%;
}
body.outras-lojas small{ font-size:18px; }


#lojas-DF,
#lojas-BA,
#lojas-SC,
#lojas-GO,
#lojas-MS,
#lojas-MG,
#lojas-PR,
#lojas-RJ,
#lojas-RS,
#lojas-SP
{  
	float:left; 
	padding-right:8px; 
	padding-bottom:15px;  
	clear:both; 
	height:auto; 
	width:760px;
}

#lojas-DF ul li,
#lojas-BA ul li,
#lojas-SC ul li,
#lojas-GO ul li,
#lojas-MS ul li,
#lojas-MG ul li,
#lojas-PR ul li,
#lojas-RJ ul li,
#lojas-RS ul li,
#lojas-SP ul li
{ 
	width:180px; 
	float:left; 
	padding-right:8px; 
	padding-bottom:4px;
}

#lojas-DF ul li.spacer,
#lojas-GO ul li.spacer,
#lojas-MS ul li.spacer,
#lojas-MG ul li.spacer,
#lojas-PR ul li.spacer,
#lojas-RJ ul li.spacer,
#lojas-RS ul li.spacer,
#lojas-SP ul li.spacer
{
	width:750px; 
	clear:both; 
	height:10px; 
	float:none;
}

/*********************
	TEAM
**********************/
.destacada img{ border:2px solid #666; }
.listagem-skaters li{
	float:left;
	width:187px; height:506px;
	overflow:hidden;
	display:block;
	position:relative;
	cursor:pointer;
}
.listagem-skaters a{
	width:187px; height:506px;
	position:absolute;
	left:0;	top:0;
	z-index:2;
}
.listagem-skaters h2{
	width:33px;
	height:150px;
	position:absolute;
	left:18px; bottom:0;
	z-index:0;
	display:none;
}

/*skaters*/
.listagem-skaters li.skater-01{background-image:url(../img/img-skater-01.jpg);}
.listagem-skaters li.skater-01 h2{background-image:url(../img/tt-skater-01.gif);}

.listagem-skaters li.skater-02{background-image:url(../img/img-skater-02.jpg);}
.listagem-skaters li.skater-02 h2{background-image:url(../img/tt-skater-02.gif);}

.listagem-skaters li.skater-03{background-image:url(../img/img-skater-03.jpg);}
.listagem-skaters li.skater-03 h2{background-image:url(../img/tt-skater-03.gif);}

.listagem-skaters li.skater-04{background-image:url(../img/img-skater-04.jpg);}
.listagem-skaters li.skater-04 h2{background-image:url(../img/tt-skater-04.gif);}

.listagem-skaters li.skater-05{background-image:url(../img/img-skater-05.jpg);}
.listagem-skaters li.skater-05 h2{background-image:url(../img/tt-skater-05.gif);}

/*** MENU ***/
.menu-team{ 
	position:absolute; 
	/*left:30px; 
	top:440px;*/
	left:0;
	top:410px;
}
.menu-team li{
	float:left;
	/*background:url(../img/spacer-menu-team.gif) no-repeat right 0;*/
	padding:0 16px 0 0;
	margin:0;
	color:#666;
}
.menu-team li.separador {
	margin:0 2px;
}
.menu-team li a {
	font-size:18px;
	color:#666;
	text-decoration:none;
}
.menu-team li a:hover {
	text-decoration:line-through;
}
.menu-team li.ultimo{background:none;}
.menu-team a{ height:11px; background-position:0 -11px; }
.menu-team a.lk-perfil{background-image:url(../img/lk-perfil.gif); width:51px;}
.menu-team a.lk-fotos{background-image:url(../img/lk-fotos.gif); width:51px;}
.menu-team a.lk-videos{background-image:url(../img/lk-videos.gif); width:57px;}
.menu-team li.ativo a, .menu-team li a:hover{background-position:0 0;}

/*** PERFIL ***/
body#team .conteudo-principal{
	/*width:841px;
	margin:25px 0 0 23px;*/
	width:940px;
	margin-top:25px;
}
body#team .conteudo-principal h1{ font-size:24px; font-family: 'BetonTBolRegular', serif; /*Georgia, serif*/; margin:0 0 5px;}
body#team .conteudo-principal h1 span { font-family:"BetonTDemRegular", serif; }
body#team .conteudo-principal .temNavTodos {
    color: #666666;
    display: block;
    font-size: 16px;
    margin-bottom: 40px;
    text-decoration: none;
}
body#team .conteudo-principal .temNavTodos:hover {
	text-decoration:line-through;
}
.info-skater{
	/*width:400px; */
	width:450px;
	/*height:360px;*/
	padding:10px 20px 10px 0;
	float:left;
}
.info-skater p{
	line-height:120%;
	font-size:15px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	margin:0 0 20px;
	color:#808080;
}
.foto-perfil{
	float:right;
	width:435px;
	text-align:center;
	margin:58px 0 0;
}

.info-skater .teamContent {
	padding-right:12px;
}


/* vale para todos os conteudos do team */
.teamContent {
	height:250px;
	overflow:auto;
}

/*** FOTOS ***/
.listagem-fotos{ float:left; width:320px; /*height:350px;*/ }
.listagem-fotos ul{ width:300px; overflow:hidden;}
.listagem-fotos li{
	float:left;
	width:90px;
	height:90px;
	overflow:hidden;
	margin:0 10px 10px 0;
}
.listagem-fotos li a {
	width:90px;
	height:90px;
	overflow:hidden;
	display:block;
}
/*.listagem-fotos li img {
	max-width:90px;
	max-height:90px;
}*/
.listagem-fotos li.spacer{
	width:100%; height:0;
	float:none;
	font-size:0;
	overflow:hidden;
	padding:0;
	clear:both;
	display:blovk;
}
.listagem-fotos li.ativo img{border:2px solid #666;}
a.lk-anteriores{
	background-image:url(../img/lk-anteriores.gif);
	width:80px; height:12px;
	float:left;
	margin:-5px 0 0;
}
a.lk-proximos{
	background-image:url(../img/lk-proximos.gif);
	width:66px; height:12px;
	float:right;
	margin:-5px 0 0;
}
/*foto ampliada*/
.foto-perfil{
	width:470px;
	height:450px;
	text-align:center;
	float:right;
	overflow:hidden;
}
.foto-ampliada{
	width:600px;
	height:450px;
	text-align:center;
	float:right;
	overflow:hidden;
}
.foto-ampliada p{
	text-align:left;
	margin:0 auto 15px;
	font-size:15px;
	line-height:100%;
}
.foto-ampliada .foto{
	width:600px;
	padding:0 0 4px;
	text-align:center;
}
.foto-ampliada .foto img {
	max-width:600px;
	max-height:450px;
}
.foto-ampliada a.lk-baixar-wallpaper{
	background-image:url(../img/lk-baixar-wallpaper.gif);
	width:124px; height:17px;
	float:left;
	font-size:0;
}
.foto-ampliada a.lk-baixar-wallpaper:hover{ background-position:0 bottom; }

.listagem-fotos .teamContent {
	width:320px;
}

/*** VIDEOS ***/
.listagem-videos{
	width:220px;
	/*height:350px;*/
	float:left;
	overflow:hidden;
}
.listagem-videos ul{
	width:220px; 
}
.listagem-videos li{
	width:160px;
	height:120px;
	text-align:center;
	margin-bottom:5px;
}
.listagem-videos li img {
	max-width:160px;
}
.listagem-videos li.ativo img{border:2px solid #666;}
.video-player{
	float:right;
	width:640px;
}
.video-player h2{margin:0 0 10px; font:bold 14px; font-family: 'BetonTBolRegular', serif; /*Georgias, serif;*/ text-transform:uppercase; }
.video-player .player{padding-bottom:4px;}


/*********************
	PRODUTOS
**********************/
.listagem-linhas{
	background:url(../img/bg-produto-2.jpg) no-repeat;
	height:506px;
	overflow:hidden;	
}
.listagem-linhas li{
	float:left;
	height:506px;
	position:relative;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	
	/** IE 8**/
	filter: alpha(opacity:0);
	KHTMLOpacity: 0;
	MozOpacity: 0;
	-khtml-opacity: .0;
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	/** IE 8**/
}

/*** HACK IE 8 ***/
.listagem-linhas li *{
	/** IE 8**/
	filter /*\**/: alpha(opacity:0)\9;
	KHTMLOpacity /*\**/: 0\9;
	MozOpacity /*\**/: 0\9;
	-khtml-opacity /*\**/: .0\9;
	-ms-filter /*\**/: "alpha(opacity=0)"\9;
	-moz-opacity /*\**/: 0\9;
	filter /*\**/: alpha(opacity=0)\9;
	opacity /*\**/: 0\9;
	/** IE 8**/
}
/*** HACK IE 8 ***/

.listagem-linhas li span.bg-fundo{
	height:506px;
	display:block;
	width:340px;
	background-color:#FFFFFF;
	position:absolute;
	z-index:1;
	top:0; left: 0;
	
	
	/** IE 8**/
	filter: alpha(opacity:0);
	KHTMLOpacity: 0;
	MozOpacity: 0;
	-khtml-opacity: .0;
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	/** IE 8**/
	
}
.listagem-linhas li .texto{padding:30px 25px 50px 25px; position:relative; z-index:2; height:416px; }
.listagem-linhas li h2{height:29px; margin:0 0 20px;}
.listagem-linhas li p{font:12px/150%; /*Georgia, serif;*/}
.listagem-linhas li .tt-conheca{
	background-image:url(../img/tt-conheca-colecoes.gif);
	width:154px; height:20px;
	/*position:absolute;
	bottom:122px; left:25px;*/
	/*background-position:0 -19px;*/
	z-index:2;
	margin-top:10px;
}
 
.listagem-linhas li .linhas{
	position:absolute;
	bottom:0px;
}

.listagem-linhas li a
{
	height:17px;
	display:block
}
.listagem-linhas li a:hover
{
	background-position:0 -17px;
}

.listagem-linhas li .lk-fall-collection{
	background:url(../img/lk-fall-collection.gif);
	width:61px;
	margin:8px 0 6px 0;	
}

.listagem-linhas li .lk-spring-summer-collection{
	background:url(../img/lk-spring-summer-collection.gif);
	width:144px; 
	margin:8px 0 6px 0;		
}

.listagem-linhas li .lk-outono{
	background:url(../img/lk-outono.gif);
	width:81px;
	margin:8px 0 6px 0;	
}

.listagem-linhas li .lk-ferias{
	background:url(../img/lk-ferias.gif);
	width:76px; 
}
.listagem-linhas li .lk-verao2011{
	background:url(../img/lk-verao2011.gif);
	width:72px;
	margin:8px 0 6px 0;	
}

.listagem-linhas li.linha-cons{width:339px;}
.listagem-linhas li.linha-cons h2{background-image:url(../img/lk-cons.gif);}

.listagem-linhas li.linha-blackflag{width:289px;}
.listagem-linhas li.linha-blackflag h2{background-image:url(../img/lk-blackflag.gif);}

.listagem-linhas li.linha-star-chevron{width:310px;}
.listagem-linhas li.linha-star-chevron h2{background-image:url(../img/lk-star-chevron.gif);}

.box-produto{display:none;}
.layer{
	width:938px; height:506px;
	background:#FFF;
	background /*\**/:none\9; 
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	position:absolute;
	left:0; top:0;
}
.iframe-produto-detalhe{
	width:938px; height:369px;
	position:absolute;
	top:55px; left:0;
	background: #FFF;
	z-index:10;
}

/*** DETALHE ***/
#tb-produto{
	width:938px; height:369px;
	background:#FFF;
	overflow:hidden;
	position:relative;
}


#tb-produto a.lk-fechar-02{
	background-image:url(../img/lk-fechar-02.gif);
	width:14px; height:13px;
	position:absolute;
	right:13px; top:15px;
}
#tb-produto .fade{
	position:absolute;
	left:0; top:0;
	display:block;
	width:100%; height:369px;
	background:#FFF url(../img/loader-02.gif) center no-repeat;
	z-index:2;
}
.detalhe-produto{
	width:853px;
	margin:0 0 0 24px;
	padding:10px 0 0;
	color:#A9A9A9;
	font-size:12px;
}

.detalhe-produto .linha a{
	 height:17px;
	 float:left;
}

.detalhe-produto .linha .lk-fall-collection{
	background:url(../img/lk-fall-collection.gif);
	width:61px;
}
.detalhe-produto .linha .lk-verao2011{
	background:url(../img/lk-verao2011.gif);
	width:72px;
}
.detalhe-produto .linha .lk-outono{
	background:url(../img/lk-outono.gif);
	width:81px;
}
.detalhe-produto .linha .lk-ferias{
	background:url(../img/lk-ferias.gif);
	width:76px;
}

.detalhe-produto .linha span{
	float:left;
	margin:0 5px 0 5px;
}

.detalhe-produto .linha .lk-spring-summer-collection{
	background:url(../img/lk-spring-summer-collection.gif);
	width:144px;
}

.detalhe-produto .linha a:hover
{
	background-position:0 -17px;
}

.detalhe-produto .linha{
	display:block;
	/*height:15px;*/
	margin-bottom:10px;
	text-transform:uppercase;
	font-family:"BetonTDemRegular", serif;
}

.detalhe-produto .linha ul li .lk-spring-summer-collection:hover,
.detalhe-produto .linha ul li .lk-promavera:hover,
.detalhe-produto .linha ul li .lk-primavera:hover,
.detalhe-produto .linha ul li .lk-fall-collection:hover{ text-decoration:line-through; }

.detalhe-produto .linha a.ativo{ /*background-position:0 -17px;*/ text-decoration:line-through; }

.detalhe-produto .linha ul li .lk-spring-summer-collection:hover{ text-decoration:line-through; }
.detalhe-produto .linha ul li .lk-fall-collection:hover{ text-decoration:line-through; }

.detalhe-produto .info-produto{font-family:"BetonTDemRegular", serif; float:left; width:180px; clear:both;  }
.detalhe-produto .info-produto h2{font-family:"BetonTBolRegular", serif;font-size:28px; font-weight:bold; color:#000;}
.detalhe-produto .info-produto span{font-size:12px; color:#000;}
.detalhe-produto .foto-produto{
	float:left;
	text-align:center;
	margin:40px 0 5px 25px;
	width:480px; height:231px;
	background:#FFF url(../img/loader-02.gif) no-repeat center;
        position: relative;
}
.detalhe-produto .foto-produto a{
    color: #A9A9A9;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 265px;
}

a#linkLoja {
    color: #A9A9A9;
    font-size: 16px;
    left: 120px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 265px;
    width: 200px;
    
}
.detalhe-produto .foto-produto a:hover{
    text-decoration: underline
}

.detalhe-produto .foto-produto img{
	max-width:480px;
}
.detalhe-produto .tt-linha{
	/*background:url(../img/tt-linha.gif);*/
	width:190px; 
	height:18px;
	/*font-family: georgia;*/
	font-family:"BetonTDemRegular", serif;
	position:absolute;
	bottom:25px;
	left:25px;
}

/*outros produtos da linha*/

.detalhe-produto .listagem-produtos{
	position:absolute;
	top:170px; 
	left:24px;
	width:160px;
	height: 85px;
	/*overflow: auto;*/
	background: #FFF;
	
	font-family:"BetonTDemRegular", serif;
	color:#A9A9A9;
}
.listagem-cores{
	overflow-y:auto;
	height:345px;
}
.detalhe-produto .listagem-produtos h2{height:29px;}
.detalhe-produto .listagem-produtos .tt-cons{background-image:url(../img/lk-cons.gif);}
.detalhe-produto .listagem-produtos .tt-blackflag{background-image:url(../img/lk-blackflag.gif);}
.detalhe-produto .listagem-produtos .tt-star-chevron{background-image:url(../img/lk-star-chevron.gif);}
.detalhe-produto .listagem-produtos a{
	/*font:12px/130% Georgia, serif;*/
	font-size:14px;
	text-decoration:none;
	color:#A9A9A9;
	
}
.detalhe-produto .listagem-produtos a:hover,
.detalhe-produto .listagem-produtos li.ativo a{ text-decoration:line-through; }
.detalhe-produto .listagem-produtos li { margin-bottom:4px; }
.detalhe-produto .linha a{ color:#A9A9A9; text-decoration:none; display: block;}
.detalhe-produto .linha a:hover { text-decoration:line-through; }

/*outras cores*/
.detalhe-produto .listagem-cores{
	width:160px;
	height: 276px; 
	*height: 280px; 
	overflow: auto;
	
	position:absolute;
	right:14px; 
	top:45px;/*top:28px*/
	z-index:0;
}
.detalhe-produto .listagem-cores a{
	width:130px; 
	height:60px;
	display:inline-block;
	padding:15px 0;
	_padding:15px 0 0;
	border:solid 1px #FFFFFF;
	text-align:center;
}

.detalhe-produto .listagem-cores a:hover{ border:solid 1px #000000; }
.detalhe-produto  .listagem-cores img{ max-height: 70px; }

/*********************
	A MARCA
**********************/
body#marca #conteudo{background:url(../img/bg-marca.jpg) no-repeat;}
body#marca .conteudo-principal{
	width:600px; height:425px;
	padding:13px 0 0;
	margin:34px auto 0;
	background:url(../img/bg-box-70.png);
	overflow:hidden;
}
body#marca .conteudo-principal h1{
	height:41px;
	background:url(../img/tt-a-marca.gif) no-repeat 27px center #000;
	border-bottom:1px solid #666;
	margin:0 0 14px;
}
.conteudo-principal .texto-marca{
	width:551px; height:399px;
	float:right;
	margin:0 8px 0 0;
	padding:10px 15px 0 0;
	_display:inline;
	overflow:auto;
}
.conteudo-principal .texto-marca h2{margin:0 0 12px; font:18px/100%; font-family: 'BetonTBolRegular', serif; /*Georgia, serif;*/}
.conteudo-principal .texto-marca p{
	font:12px/140%; /*Georgia, serif;*/
	margin:0 0 15px;
}
.conteudo-principal .texto-marca a {color:#000000;}

/*********************
	CONTAIO
**********************/
body#contato #conteudo{background:url(../img/bg-contato.jpg) no-repeat;}
body#contato .conteudo-principal{
	width:600px; height:442px;
	margin:25px auto 0;
	padding:14px 0 0;
	background:url(../img/bg-box-70.png);
	overflow:hidden;
}
body#contato .conteudo-principal h1{
	height:41px;
	background:url(../img/tt-contato.gif) no-repeat 27px center #000;
	border-bottom:1px solid #666;
	margin:0 0 13px;
}

/*** FORMULARIO ***/
input{
	background:#FFF;
	border:1px solid #C1C1C1;
	height:17px;
	padding:1px 5px 0;
	font:12px; /*Georgia, serif;*/
	float:left;
}
select{
	height:21px;
	font:12px; /*Georgia, serif;*/
	border:1px solid #C1C1C1;
	padding:1px;
	float:left;
}
textarea{
	width:410px; height:78px;
	background:#FFF;
	border:1px solid #C1C1C1;
	font:12px; /*Georgia, serif;*/
	float:left;
	padding-left:5px;
}

fieldset.form-contato{
	width:520px;
	float:right;
	padding:0 49px 0 0;
}
fieldset.form-contato ul{overflow:hidden; width:520px;}
fieldset.form-contato li{
	float:left;
	overflow:hidden;
	padding:0 0 8px;
}
fieldset.form-contato label{
	float:left;
	width:90px;
	text-align:right;
	font:13px/100%; /*Georgia, serif;*/
	padding:3px 6px 0 0;
}
fieldset.form-contato label.lbl2{width:57px;}
fieldset.form-contato li.break{width:100%; clear:both;}
fieldset.form-contato li.right{float:right;}
fieldset.form-contato li.radio-check{width:100%; font-size:14px;}
fieldset.form-contato li.radio-check input{
	background:none;
	border:none;
	padding:0;
	margin:0 8px 0 96px;
	*margin-right:3px;
}
fieldset.form-contato li.radio-check label{
	text-align:left;
	width:auto; height:auto;
	padding:1px 0 0;
	margin:0;
}
fieldset.form-contato input.bt-enviar{
	background-image:url(../img/bt-enviar.gif);
	width:75px; height:20px;
	float:right;
	margin:0 0 0 9px;
}
p#alerta{
	text-align:right;
	font:13px/20px; /*Georgia, "Times New Roman", serif;*/
	height:20px;
	overflow:hidden;
}
p#alerta span{height:20px; display:block;}
.erro{color:#FF0000;}
.sucesso{color:#339933;}

/*tamanhos*/
.w-50{width:50px;}		input.w-50{width:38px;}
.w-180{width:180px;}	input.w-180{width:168px;}
.w-243{width:243px;}
.w-276{width:276px;}
.w-417{width:417px;}	input.w-417{width:405px;}



/********************************
	ONDE ENCONTRAR OUTRAS LOJAS
*********************************/
body#onde-encontrar.outras-lojas .conteudo-principal {
	float:right;
	padding:60px 5px 0 0;
	width:788px;
	height:430px;
}


#box-filtro{
	width:660px;
	height:50px;
	position:absolute;
	top:55px;
	left:200px;
	z-index:1000;
}

#box-filtro ul{}
#box-filtro ul .item-filtro{
	float:left;
	margin-right:24px;
}
#box-filtro ul .item-filtro label{
	display:block;
	font:13px; /*Georgia, "Times New Roman", Times, serif*/;
	color:#000000;
	line-height:17px;
	margin-bottom:3px;
}
#box-filtro ul .item-filtro select{
	width:182px;
	border:1px solid #809DB9;
	height:20px;
}
#box-filtro ul .item-filtro select#selModelo{
	width:215px;
}
#box-filtro ul .item-filtro select#selEstado{
	width:150px;
}
body.outras-lojas #lojas{
	height:400px;
	overflow:hidden;
	width:732px;
	float:right;
	margin-top:44px;
	position:relative;
}
ul.listagem-lojas li {
	width:230px;
	height:auto;
	margin-bottom:30px;
	float:left;
	padding-bottom:4px;
	padding-right:8px;
	text-align:left;
}

#lojas .paginacao-lojas {
	height:25px;
	position:absolute;
	bottom:13px;
	left:0;
}
#lojas .paginacao-lojas a{
	display:block;
	float:left;
	width:20px;
	padding:4px 0;
	color:#000000;
	text-align:center;
	font:13px "Times New Roman", Times, serif;
	text-decoration:none;
}
#lojas .paginacao-lojas a:hover{ text-decoration:underline;}
#lojas .paginacao-lojas a.ativo{ background:#000000; color:#FFFFFF; }



body.outras-lojas #mensagem{
	overflow:hidden;
	width:732px;
	float:right;
	margin-top:44px;
	position:relative;
}
#mensagem .box-mensagem{
	height:55px;
	width:592px;
	position:relative;
}
.fundo-mensagem{
	display:block;
	height:55px;
	width:592px;
	background-color:#000000;
	opacity: 0.37;
	-moz-opacity: 0.37;
	filter: alpha(opacity=37);
	z-index:1
}
#mensagem .box-mensagem p{
	background:url(../img/bg-mensagem.gif) no-repeat left center;
	font:18px "Times New Roman", Times, serif;
	color:#000000;
	line-height:55px;
	position:absolute;
	left:17px;
	padding-left:35px;
	z-index:10;
}


/****

****/

#conteudo .conteudo-principal{
	z-index:0;
	position:relative;
}

.box-produto{
	height:507px;
	width:938px;
	position:absolute;
	top:60px;
	z-index:3;
	/*background:url("../img/bg-produto-2.jpg") no-repeat scroll 0 60px; */
}

/********************************
	VIDEO.PHP
*********************************/
/*#video #topo{
	background:none;
	height:110px;
}*/
#video #conteudo{
	/*top:110px;
	margin:0 0 60px;*/
	width:574px;
	height:339px;
	top:0;
	margin:0;
}
/*#video #logo{ margin:76px 0 0 395px; }*/
#video #box-video{
	width:560px;
	height:312px;
	margin-top:20px;
	padding:4px;
	background-color:#FFFFFF;
	/*margin:50px auto 0;*/
}
#video #pagina{
	width:574px;
}
/*#video #conteudo{ height:466px; }
#video #conteudo .conteudo-principal{ margin-bottom:20px; }
#video .lk-site{
	background:url(../img/lk-entrar.gif) no-repeat scroll 0 0; 
	width:120px; 
	height:15px;
	margin-bottom:15px;
}
#video .lk-site-skateboard{
	background:url(../img/lk-site-skateboard.gif) no-repeat scroll 0 0; 
	width:222px; 
	height:23px;
}*/
#video .lk-fechar-thickbox{
	background:url(../img/lk-fechar-thickbox.gif) no-repeat;
	width:52px;
	height:20px;
	position:absolute;
	right:10px;
	top:0;
}
#video a:hover{
	background-position:0 bottom;
}



/*-----------------------
CATALOGO DE REPRESENTANTES
-----------------------*/
body#catalogo-representantes #conteudo {
    background: url(../img/bg-catalogo-representante.jpg) no-repeat;
}

/*--MENU LATERAL--*/
#catalogo-representantes .menu-lateral{
	background:url(../img/bg-box-70.png) repeat;
	padding:7px 7px 20px;
	width:156px;
	margin-top:140px;
	float:left
}
#catalogo-representantes .menu-lateral a{
	font:14px/145%; /*Georgia, "Times New Roman", Times, serif*/;
	color:#000000;
	text-decoration:none;
	padding:0 5px;
}
#catalogo-representantes .menu-lateral a:hover,
#catalogo-representantes .menu-lateral a.ativo{ background:url(../img/bg-link.gif) repeat 0 2px; }

/*--BOX DE DOWNLOADS--*/
#catalogo-representantes h2{
	font:normal 31px; /*Georgia, "Times New Roman", Times, serif;*/
	margin-bottom:28px;
}
#catalogo-representantes .box-downloads{
	background:url(../img/bg-box-70.png) repeat;
	padding:6px 0 20px 20px;
	width:580px;
	height:412px;
	margin:34px 74px 0 0;
	_display:inline;
	float:right;
	overflow:auto;
	overflow-x:hidden;
}
#catalogo-representantes .box-downloads li{ float:left; width:210px; }
#catalogo-representantes .box-downloads li.ultimo{ width:143px; }
#catalogo-representantes .box-downloads li.clear{ width:100%; height:20px; }

#catalogo-representantes .box-downloads img{ margin-bottom:20px; }
#catalogo-representantes .box-downloads a{
	font:12px/145%; /*Georgia, "Times New Roman", Times, serif;*/
	color:#000000;
	text-decoration:none;
	padding:0 5px;
}
#catalogo-representantes .box-downloads a:hover{ background:url(../img/bg-link.gif) repeat; }

#catalogo-representantes .box-downloads li ul li{ float:none; width:auto; }


/** INFOBOX - MAPS **/
body#localizar-lojas .mapa .infoBox{
    
}
body#localizar-lojas .mapa .infoBox div{
    padding: 18px 20px;
    color: #464646;
}
body#localizar-lojas .mapa .infoBox div * {
    float: none;
    clear: both;
}
body#localizar-lojas .mapa .infoBox div h5{
    padding: 0;
    margin: 0 0 12px 0;
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 15px;
    font-weight: bold;
}
body#localizar-lojas .mapa .infoBox div p{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
body#localizar-lojas .mapa .infoBox div div{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 15px 0 0 0;
    padding: 0;
}

body#localizar-lojas .mapa .infoBox div div a{
    color: #464646;
    text-decoration: none;
}