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

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:776px;
	margin:0 auto;	
	height:auto;
}
#topo{ 
	width:776px; 
	background:#000; 
	height:;
	position:absolute;
	top:0;
}
#conteudo{ 
	width:776px;
	position:relative;
	margin:0 0 0 0;
}
#principal{ 
	width:;
	display:inline;
	float:right;
	padding:40px 0 0
}
#menu-global{ 
	width:180px; 
	background:#CCC;
	display:inline;
	float:left;	
}

#rodape { 
	width:776px;
	text-align:center;
	background:#0099CC;	
}

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

body#home {background:url(../img/bg-body.jpg) no-repeat scroll top center;}
body#home #pagina,
body#home #pagina #conteudo{width:652px}
body  #topo a.logo-viauno{background:url(../img/img-logo-viauno.gif) no-repeat scroll 0 0; width:66px; height:15px; float:right; margin:7px 0 0; _display:inline;}
body#lista  #topo a.logo-viauno{margin-right:5%}
body#home #pagina #conteudo #principal{float:left}
body#home #pagina #conteudo #principal h1.tt-eu-desejo{
	background:url(../img/tt-eu-desejo.jpg) no-repeat scroll 0 0; 
	width:399px; 
	height:224px; 
	margin:0 0 0 148px;
}
body#home #pagina #conteudo #principal div#box-indique,
body#home #pagina #conteudo #principal div#box-minha-lista,
body#home #pagina #conteudo #principal div#box-lista-amiga{
	background:url(../img/bg-box-indique.jpg) no-repeat scroll 0 0; 
	width:582px; 
	height:215px; 
	margin:40px auto 0; 
	padding:40px 35px 0; 
	text-align:center;
}
body#home #pagina #conteudo #principal div p{padding:5px 0}
body#home #pagina #conteudo #principal div{color:#909090; font:13px Arial, sans-serif;}
body#home #pagina #conteudo #principal div h2{font-weight:bold}
body#home #pagina #conteudo #principal div a{width:281px; height:64px; margin:35px 5px 0; float:left; display:block;}
body#home #pagina #conteudo #principal div input{background:url(../img/bg-input-text.jpg) no-repeat scroll 0 0; width:221px; height:24px; border:medium none;}

body#home #pagina #conteudo #principal div#box-indique a.lk-minha-lista{background:url(../img/bt-minha-lista.jpg) no-repeat scroll 0 0;}
body#home #pagina #conteudo #principal div#box-indique a.lk-lista-amiga{background:url(../img/bt-lista-amiga.jpg) no-repeat scroll 0 0;}


body#home #pagina #conteudo #principal div#box-minha-lista{	padding:20px 35px 0; height:235px; font-weight:bold;}
body#home #pagina #conteudo #principal div#box-minha-lista a.lk-criar-lista,
body#home #pagina #conteudo #principal div#box-lista-amiga a.lk-criar-lista{background:url(../img/bt-criar-lista.jpg) no-repeat scroll 0 0; margin:0px auto; float:none; display:block}
body#home #pagina #conteudo #principal div#box-minha-lista ul{display:block; width:270px; height:120px; margin:8px auto;}
body#home #pagina #conteudo #principal div#box-minha-lista ul li,
body#home #pagina #conteudo #principal div#box-lista-amiga ul li{padding:2px 0;}
body#home #pagina #conteudo #principal div#box-minha-lista ul li span.seus-dados,
body#home #pagina #conteudo #principal div#box-lista-amiga ul li span.seus-dados{text-align:left; display:block}
body#home #pagina #conteudo #principal div#box-minha-lista ul li label,
body#home #pagina #conteudo #principal div#box-lista-amiga ul li label{ font-size:11px; float:left; width:auto; padding:3px}	

body#home #pagina #conteudo #principal div#box-lista-amiga{	padding:20px 35px 0; height:235px; font-weight:bold;}
body#home #pagina #conteudo #principal div#box-lista-amiga ul{display:block; width:270px; height:95px; margin:5px 0 5px; padding:0 20px 0 0; float:left; border-right:1px solid #b7b7b7}
body#home #pagina #conteudo #principal div#box-lista-amiga ul.dados-amiga{display:block; width:265px; height:120px; margin:5px 0 5px; padding:0 0 0 10px; float:left; border:none}






body#home #pagina #conteudo #principal span.rodape{
	width:325px; 
	margin:230px auto 0; 
	text-align:center;
	text-transform:uppercase; 
	color:#909090; 
	font:bold 8px Arial, sans-serif;
	display:block;
}

body#lista{background:url(../img/bg-lista.jpg) no-repeat scroll top center;}
body#lista #topo {background:none; top:0px; height:500px; width:100%; overflow:hidden; height:515px; margin:0 auto}
body#lista #topo span.saudacao{
	font:18px Arial,sans-serif; 
	color:white; 
	width:500px; 
	margin:25px auto; 
	text-align:center;
	display:block;
	position:relative;}
body#lista #topo span.saudacao span.shadow{
	color:#909090; 
	position:absolute; 
	top:1px; 
	left:1px;
	z-index:-1;
	width:500px;
	text-align:center;}
body#lista #topo span.saudacao span.nome{color:#e8c992}
body#lista #topo h2{
	background:url(../img/tt-eu-desejo-p.png) no-repeat scroll 0 0; 
	
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='comum/img/tt-eu-desejo-p.png',sizingMethod='image');
	width:160px; 
	height:93px; 
	position:relative; 
	top:30px; 
	_top:30px;
	z-index:1; 
	margin:0 auto;}
body#lista #topo div#box-desejo{
	background:url(../img/bg-animacao.jpg) no-repeat scroll 0 0; 
	width:652px; 
	height:293px; 
	margin:0px auto 0; 
	position:relative;
}
body#lista #topo div#box-desejo span{	font:24px Arial,sans-serif; }
body#lista #topo div#box-desejo span.pagina{
	color:white; 
	position:absolute; 
	right:0px; 
	top:-24px;
}
body#lista #topo div#box-desejo span.aux{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	*display:inline-block;
}
body#lista #topo div#box-desejo span.mensagem{
	padding:0 30px;
	font-weight:bold; 
	color:#909090; 
	height:180px;
	/*display:block;*/
	/*margin:0 auto;*/
	width:440px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	*display:inline-block;


	}
body#lista #topo div#box-desejo a.bt-anterior{
	background:url(../img/bt-anterior.jpg) no-repeat scroll 0 0; 
	width:115px; 
	height:115px; 
	left:-54px;
	position:absolute;
	top:76px;
}
body#lista #topo div#box-desejo a.bt-anterior:hover{
	background:url(../img/bt-anterior.jpg) no-repeat scroll 0 -115px; 
}
body#lista #topo div#box-desejo a.bt-proxima{
	background:url(../img/bt-proxima.jpg) no-repeat scroll 0 0; 
	width:115px; 
	height:115px; 
	right:-53px;
	position:absolute;
	top:76px;
}
body#lista #topo div#box-desejo a.bt-proxima:hover{
	background:url(../img/bt-proxima.jpg) no-repeat scroll 0 -115px; 
}

body#lista #topo div#box-desejo div.lista-mensagem {
	height:200px;
	margin:0 auto;
	overflow:hidden;
	padding:40px 0 0;
	width:500px;
}

body#lista #topo div#box-desejo div.lista-mensagem ul{display:block; width:10000px; }
body#lista #topo div#box-desejo div.lista-mensagem ul li{width:500px; height:293px; border:0px; float:left; display:block;}
body#lista #topo div#box-desejo div.botoes {width:652px}
body#lista #topo div#box-desejo div.botoes ul li{float:left; margin:0 15px; _display:inline}
body#lista #topo div#box-desejo div.botoes ul li a.bt-refazer{background:url(../img/bt-refazer.jpg) no-repeat; width:150px; height:26px; margin:38px 0 0;}
body#lista #topo div#box-desejo div.botoes ul li a.bt-refazer:hover{background:url(../img/bt-refazer.jpg) no-repeat scroll 0 -26px;}
body#lista #topo div#box-desejo div.botoes ul li a.bt-enviar-imprimir{background:url(../img/bt-enviar-imprimir.jpg) no-repeat; width:150px; height:26px; margin:38px 0 0;}
body#lista #topo div#box-desejo div.botoes ul li a.bt-enviar-imprimir:hover{background:url(../img/bt-enviar-imprimir.jpg) no-repeat scroll 0 -26px;}
body#lista #topo div#box-desejo div.botoes ul li a.bt-nao{background:url(../img/bt-nao.jpg) no-repeat scroll 0 0; width:111px; height:64px; }
body#lista #topo div#box-desejo div.botoes ul li a.bt-nao:hover{background:url(../img/bt-nao.jpg) no-repeat scroll 0 -64px;}
body#lista #topo div#box-desejo div.botoes ul li a.bt-sim{background:url(../img/bt-sim.jpg) no-repeat; width:111px; height:64px; margin:0 0 0 10px;}
body#lista #topo div#box-desejo div.botoes ul li a.bt-sim:hover{background:url(../img/bt-sim.jpg) no-repeat scroll 0 -64px;}


body#lista #topo  #box-animacao-esquerda {width:500%; height:97px; overflow:hidden; position:absolute; top:300px; left:0px;}
body#lista #topo  #box-animacao-esquerda ul li{float:left}



body#lista #pagina #conteudo #principal{padding:540px 0 0; float:left; height:240px;}
body#lista #pagina #conteudo #principal div.listagem
{ 
	float:left; 
	width:662px;
	overflow:hidden; 
	height:200px; 
	padding:0 0 0 55px; 
	background:transparent url(../img/bg-barra.gif) repeat-y scroll 385px 0;
}
body#lista #pagina #conteudo #principal div.listagem ul{width:291px; float:left;display:block;height:auto;min-height:200px; }
body#lista #pagina #conteudo #principal div.listagem ul.frases-sim{text-align:left; margin:0 0 0 40px; float:right;}
body#lista #pagina #conteudo #principal div.listagem ul.frases-nao{margin:0 40px 0 0}
body#lista #pagina #conteudo #principal div.listagem ul.frases-nao li{
	float:left;
	width:290px; 	
	text-align:right; 	
	margin:0 0 30px; 
	height:auto;
	min-height:14px;
	_display:inline;
}
body#lista #pagina #conteudo #principal div.listagem ul.frases-sim li{
	float:left;
	width:290px; 	
	text-align:left; 	
	margin:0 0 30px; 
	height:auto;
	min-height:14px;
	_display:inline;
}

body#lista #pagina #conteudo #principal div.listagem ul li a{
	background:url(../img/bl-fechar.jpg) no-repeat scroll center right;
	padding:0;
	float:right;
	display:block;
	width:15px;
	height:100%;
	min-height:14px;
}


body#lista #pagina #conteudo #principal div.listagem ul li span{
	font:10px Tahoma,sans-serif;
	text-decoration:none;
	color:#909090;
	padding:0 5px 0 0;
	display:block;
	float:left;
	width:270px;
}

body#lista #pagina #conteudo #principal div.listagem ul.frases-sim li span{
	padding:0 0 0 5px;
}


body#lista #pagina #conteudo #principal div.listagem ul.frases-sim li a.itemLista-excluir
{
	display:block; 
	float:left;
}

.efeito-transferencia 
{
	color:#909090;
	font-weight:bold;
	text-align:center;
	border: 2px dotted gray;
} 

/**THICKBOX**/
#TB_title{display:none}	
#TB_window{
	border:none !important; 
	background:none !important;
}
#TB_iframeContent{
	margin-top:0 !important;
	margin-bottom:0 !important;
	background:transparent !important;}
html, body#box-enviar{background:transparent !important;}
body#box-enviar div{
/*	background:transparent url(../img/bg-thickbox.jpg) no-repeat scroll 0 15px; */
	background:transparent url(../img/bg-thickbox.jpg) no-repeat scroll 0 15px; 
	width:431px; 
	height:355px;
	overflow:hidden;
	
}
body#box-enviar div a.bt-fechar{
	background:url(../img/bt-fechar.jpg) no-repeat; 
	width:38px; 
	height:34px;
	position:absolute;
	top:0px;
	right:25px;
	
}
body#box-enviar div ul{float:left;padding:90px 0 0 50px; display:block;}
body#box-enviar div ul li{float:left; margin:3px 0; padding:0; height:auto; display:block;}
body#box-enviar div ul li a{width:326px; height:26px}
body#box-enviar div ul li a.enviar-lista-agora{background:url(../img/bt-enviar-lista-agora.jpg) no-repeat;}
body#box-enviar div ul li a.enviar-lista-2010{background:url(../img/bt-enviar-lista-2010.jpg) no-repeat;}
body#box-enviar div ul li a.enviar-lista-agora-2010{background:url(../img/bt-enviar-lista-agora-2010.jpg) no-repeat;}
body#box-enviar div ul li a.imprimir-lista{
	background:url(../img/bt-imprimir-lista.jpg) no-repeat; 
	margin:90px 0 0; 
}

body#lista #pagina #conteudo #principal div.rolagem
{
	height:200px; 
}

body#lista #pagina #conteudo #principal div.rolagem div.scroll{
	width:15px; 
	height:200px; 
	left:378px;
	position:absolute;
	z-index:100;
	display:block;
}

body#lista #pagina #conteudo #principal div.rolagem div.scroll a{
	width:15px; 
	height:28px; 
	background:url(../img/scroll.gif) no-repeat scroll 0 0; 
	position:absolute;
	display:block;
	botton:100%;
	left:-1px;
}

.ui-slider-vertical {
	height:100px;
	width:0.8em;
}
.ui-slider-vertical .ui-slider-handle {
	left:-0.3em;
	margin-bottom:-0.6em;
	margin-left:0;
	botton:100%;
}





/**THICKBOX**/

/**IMPRESSÃO***/
.eu-quero-impressao,
.eu-nao-quero-impressao,
.img-minha-lista-impressao,
.logo-impressao,
.borda-topo-impressao,
.box-marcacao{display:none !important;}