/* ----------------------------------------------------------------------------------- */
/* STYLES EXCLUSIVOS */
/* ----------------------------------------------------------------------------------- */
html, body{
	height:100%;
	display:block;
}
body{
	font-family: 'Lato', sans-serif;
	margin:0px;
	padding:0px;
	background:#fff;
	color:#000;
}
body, td{
	font-size:12px;
}
form{
	margin:0px;
	padding:0px;	
}
label{
	display:inline-block;
	width:100px;	
}

/* Links */
a{
	text-decoration:underline;
	color:#000;
}
a:hover{
	color:#FC0;
	text-decoration:underline;	
}
hr{
	size:0px;
	height:0px;
	color:#666;
	border-bottom:1px dotted #FC0;	
}
p{
	margin:0;
	padding:0;
}
h2.branco {
    color: #fff;
}
/* Estrutura */
	.esp {
		padding: 10px;
	}
	#cad {
		width: 196px;
		height: 65px;
		padding: inherit;
		color: #000;
		margin-top: 8px;
		background: #ffdc00;
		border-radius: 12px;
		overflow: hidden;
	}				
	.usuario_nick_status {
		float: left;
		width:40%;
	}	
	.nickname{
		padding:10px;
		background:#ffdc00;
		color:#000;
		font-weight:bold;	
		font-size:16px;
		text-align:left;
		height:150px;
	}
		.nickname input{
			font-size: 22px;
			text-transform: lowercase;
			width: 98%;
			padding: 5px;
		}
		.nickname .usuario{
			margin-bottom:0px;
			margin-top:10px;
		}
		.nickname #nick_status {
			padding: 2px 4px 2px 4px;
			font-size: 10px;
			color: #FFFF00;
			font-weight: normal;
			background: #000000;
			margin: 0;
			margin-top: 1px;
			display: block;
			width: 99%;
			border: 1px solid #000;
		}
		.nickname #url_nick{
			color:#fff;
		}
		.nickname .url_fotic {
			font-size: 22px;
			font-family: 'Lato', sans-serif;
			margin-top: 10px;
			letter-spacing: -1px;
			float: left;
			width: 50%;
			margin-left: 20px;
		}
			.nickname .url_fotic p{
				color:#000;
				font-weight:bold;	
				font-size:16px;
				letter-spacing:normal;
				font-family:Arial;
			}
				.nickname .url_fotic .url {
					font-weight: normal;
					font-size: 35px;
					margin-top: 10px;
				}
	.escolha_plano{
		padding:0px;
		margin:0px;
		background: silver;
		margin-top: 1px;
		color: black;
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		height: 130px;
		float: left;
		width: 50%;
	}	
	#num_id_plano{
		font-family: 'Lato', sans-serif;
		font-size:22px;
		width:100%;		
	}	
	#dados_plano{
		padding:0px;
		margin:0px;
		background: #666;
		color: #fff;
		font-weight: normal;
		font-size: 16px;
		text-align: left;
		font-family: 'Lato', sans-serif;
		line-height: 20px;
		height: 130px;
		float: left;
		width: 50%;
		border-top: 1px solid #fff;
	}	
		#dados_plano .esp {
			padding: 15px;
		}
		#dados_plano .dados_plano_txt{
			font-size:12px;
			line-height:14px;
			margin-bottom:10px;	
		}
		#dados_plano span{
			display:inline-block;
			width:280px;
		}
		#dados_plano span.t1{
			width:63px;	
		}
		#dados_plano .valor{
			color:#FC0;	
		}
			#dados_plano #valor{
			}
		#dados_plano .hotsite{
			color:#FC0;
		}
		#dados_plano #albuns{
		}
		#dados_plano #fotos{
		}
	#form_cadastro {
		text-align: left;
		margin-top: 0px;
		float: left;
		background: #f0f0f0;
		width: 100%;
		color: #bbb;
		font-size: 14px;	
		margin-top:1px;	
	}
		#form_cadastro .w100 {
			width: 85%;
		}	
		#form_cadastro input{
			margin:0;
			margin-bottom:3px;
			border:2px solid #fff;
			text-transform:none;
		}	
		#form_cadastro input.submit{
			border:0;	
		}
		#form_cadastro .td1{
			float: left;
    		margin-right: 15%;	
		}
		#rCep{
			display: none;
			position: absolute;
			z-index: 99999;
			margin-top: -30px;
			margin-left: 170px;
			color:#ffdc00;
		}
	#email_status,
	#email_status_confirmacao{
		position:absolute;
		margin: 7px;
	}
.td2{
	float:left;
	width:50%;
}	
.td3 {
    float: left;
    width: auto;
    margin-top: 20px;
	margin-right:20px;
    text-align: left;
    margin-bottom: 20px;
}
.td4 {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
	text-align:left;
}	
	.bt_submit{
		border:0px!important;
		font-size:30px;	
	}
	
			
/* Álbuns públicos */
#albuns_publicos{
	display:table;	
}
	#albuns_publicos ol{
		margin:0;
		padding:0;
		list-style:none;
		width: 100%;	
	}
		#albuns_publicos ol li {
			float: left;
			width: 20%;
			margin: 0px;
			margin-bottom: 20px;
			height: 200px;
			overflow: hidden;
			cursor: pointer;
		}
		#albuns_publicos ol li:hover {
			background: #f0f0f0;
		}		
			#albuns_publicos.top_views ol li{
				width:33%;	
			}
			#albuns_publicos ol li .box{
				padding:5px;	
			}	
				#albuns_publicos ol li .capa{
					width:100%;
					overflow:hidden;
					height:100px;
					margin-bottom:5px;
				}
					#albuns_publicos ol li .capa img{
						width:100%;	
					}
				#albuns_publicos ol li .titulo {
					text-transform: uppercase;
					height: 30px;
					overflow: hidden;
					font-size: 11px;
				}
				#albuns_publicos ol li .views {
					position: absolute;
					margin-top: -75px;
					margin-left: 110px;
					background: #000;
					color:#fff;
					padding: 5px;
					font-weight: bold;
					font-size: 10px;
					width: 60px;
					text-align: center;
					
				}	
				#albuns_publicos.top_views ol li .views{
					margin-left: 174px;
				}			
				#albuns_publicos ol li .desc{
					font-size:11px;
					text-align:justify;	
					height:55px;
					overflow:hidden;
					margin-bottom:4px;
					display:none;
				}
				#albuns_publicos ol li .cp{
					margin-top:2px;
					padding-top:2px;
					border-top:1px dotted #666;	
					clear:both;
					text-align:left;
				}
					#albuns_publicos ol li .cp .cp_nome{
						text-transform:uppercase;
						font-size:9px;	
					}
					#albuns_publicos ol li .cp .cp_site{}
						#albuns_publicos ol li .cp_site a{
							color:#FFDC00;
							font-size:10px;
							text-align:left;
						}
						#albuns_publicos ol li .cp_site a:hover{
							color:#fff;	
						}
				#albuns_publicos ol li .share {
					margin-top: 1px;
					clear: both;
					margin-bottom: 28px;
				}
					#albuns_publicos ol li .share .fb{
						float:left;	
					}
					#albuns_publicos ol li .share .tw{
						width: 85px;
						height: 20px;
						float: left;
						margin-left: 5px;
						text-align: right;
					}	
					
/* Profissionais */
#map{}

#map a{
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;	
	outline:none;		
}

#profissionais{
	display:table;	
}
	#profissionais ol{
		margin:0;
		padding:0;
		list-style:none;
		width: 100%;	
	}
		#profissionais ol li{
			float:left;
			width:25%;	
			margin:0px;
			margin-bottom:20px;
			height: 200px;
		}
		#profissionais ol .destaque {
			border: 1px dotted #ffde00;
			width: 32%;
			height: 200px;
			margin: 1px;
		}
			#profissionais ol li.destaque .capa {
				height: 145px;
			}	
		#profissionais ol .destaque_off {
			float: none;
			clear: both;
			height: 20px;
		}
		
		#profissionais .indica {
			position: absolute;
			margin-top: -155px;
			margin-left: 223px;
			background: #ffde00;
			padding: 5px 8px;
			text-shadow: 1px 0px 0px #000;
		}
			#profissionais ol li .box{
				padding:5px;	
			}	
				#profissionais ol li .capa{
					width:100%;
					overflow:hidden;
					height:160px;
					margin-bottom:5px;
				}
					#profissionais ol li .capa img{
						width:100%;	
					}
				#profissionais ol li .titulo{
					text-transform:uppercase;	
				}
				#profissionais ol li .views {
					position: absolute;
					margin-top: -59px;
					margin-left: 110px;
					background: black;
					padding: 5px;
					font-weight: bold;
					font-size: 10px;
					width: 60px;
					text-align: center;
				}				
				#profissionais ol li .desc{
					font-size:11px;
					text-align:justify;	
					height:55px;
					overflow:hidden;
					margin-bottom:4px;
				}
				#profissionais ol li .cp{
					margin-top:2px;
					padding-top:2px;
					border-top:1px dotted #666;	
					clear:both;
					text-align:left;
				}
					#profissionais ol li .cp .cp_nome{
						text-transform:uppercase;
						font-size:9px;	
					}
					#profissionais ol li .cp .cp_local{
						font-size:9px;	
					}
					#profissionais ol li .cp .cp_site{}
						#profissionais ol li .cp_site a{
							color:#FFDC00;
							font-size:10px;
							text-align:left;
						}
						#profissionais ol li .cp_site a:hover{
							color:#fff;	
						}
				#profissionais ol li .share {
					margin-top: 1px;
					clear: both;
					margin-bottom: 28px;
				}
					#profissionais ol li .share .fb{
						float:left;	
					}
					#profissionais ol li .share .tw{
						width:100px;
						height:20px;
						float:left;
						margin-left:5px;
					}
#profissionais_busca{
	margin-top:5px;
	margin-top:10px;	
}				
	#profissionais_busca form{
		margin:0;	
	}					
		#profissionais_busca .txt,
		#profissionais_busca .bt{
			font-size: 16px;
			color: #fff;
			padding: 7px;
		}
		#profissionais_busca .txt{
			width: 88%;
			border: 1px solid #c0c0c0;
		}		
		#profissionais_busca .bt{
			width:100px;	
			text-align:center;
			cursor:pointer;
			background:#FC0;
			color:#fff;
		}
		#profissionais_busca .bt:hover{
			background:#000;
			color:#fff;	
		}
/* ----------------------------------------------------------------------------------- */


/* ------------------------------------------------------- */
/* CONTEÚDO DAS PÁGINAS */
#conteudo{	
	display:block;
	clear:both;
}
	#conteudo .titulo, #titulo, h1, h2, h3, h4{
		margin:0px;
		padding:0px;
		font-family: 'Lato', sans-serif;
		font-weight:normal;
		color:#ffdc00;
	}
	h1 {
		font-size: 36px;
		margin-bottom: 8px;
		color: #000;
	}
	h2{ font-size:28px;	margin-bottom:6px; }
	h3{ font-size:22px;	margin-bottom:4px; }
	h4{ font-size:18px;	margin-bottom:2px; }
	
	#conteudo .titulo, #titulo{
		margin-bottom:10px;	
	}
	#conteudo .descricao{}
	#conteudo .texto{}
	
	/* Link botão voltar */
	#conteudo #box_voltar{
		display:none;	
	}
		#conteudo #box_voltar a.voltar{}
		#conteudo #box_voltar a.voltar:hover{}

/* LISTAGEM DE PAGINAS DE SEÇÃO */		
#secao_paginas{
	margin:0px;
	padding:0px;
	width:100%;
}
	#secao_paginas li{
		float:left;
		width:33%;
		padding:10px;
		text-align:center;
	}
		/* Links */
		#secao_paginas li a{
			padding:4px;
			display:block;
			width:148px;
			border:4px solid #f0f0f0;		
			background-color:#f0f0f0;
		}
		#secao_paginas li a:hover{
			color:#FFF;
			background-color:#06C;
			text-decoration:none;
			border:4px solid #06C;			
		}
		/* Imagens */
		#secao_paginas li .imagem img{
			width:140px;
			height:80px;
			border:4px solid #06C;		
			display:block;
			margin:0px;
		}
			#secao_paginas li .imagem a{
				border:0px;	
				margin:0px;
				padding:0px;
				background:Transparent;
			}
			#secao_paginas li .imagem a:hover{
				border:0px;	
				margin:0px;
				padding:0px;
				background:Transparent;
			}
/* RESUMO DE PÁGINA */				
.paginas_resumo{
	margin:0px;
	padding:0px;
	width:100%;
	clear:both;
}
	/* Titulo */
	.paginas_resumo h3{}
	
	/* Corpo */
	.paginas_resumo p.resumo{
		width:100%;
		text-align:justify;
		margin:0px;
		padding:0px;
		margin-bottom:5px;		
	}	
	
	/* Links */
	.paginas_resumo a{
		text-align:right;	
	}
	.paginas_resumo a:hover{}
	.paginas_resumo a.link{}
	
	/* Imagens */
	.paginas_resumo .imagem {
		float:left;	
		margin-right:10px;
	}
	.paginas_resumo .imagem img{
		width:250px;
		border:8px solid #d0903f;		
		display:block;
		margin:0px;
	}
		.paginas_resumo .imagem a{
			border:0px;	
			margin:0px;
			padding:0px;
			background:Transparent;
		}
		.paginas_resumo .imagem a:hover{
			border:0px;	
			margin:0px;
			padding:0px;
			background:Transparent;
		}	
		
.secao_titulo_outras{
	display:block;
	clear:both;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:5px;
}
#secao{
	margin:0px;
	padding:0px;
	list-style:none;
}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* FORMS */
input, select, textarea{}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */		
/* Mensagem do site */
h1#mensagem{
	border:1px solid #000000;
	background-color:#ffffff;	
	width:100%;
	padding:10px;
	text-align:center;
	color:#000000;
}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */	
/* MENU */
#menu{
	padding:0px;
	margin:0px;
}
#menu_inferior{
	padding:5px;
	background:#333;
	margin-top:20px;	
	display:block;
	border-bottom:1px solid #fff;
}
	#menu_inferior ul,
	#menu_inferior ol
	{
		margin:0;
		padding:0;	
		list-style:none;
	}
		#menu_inferior ul li{
			display:inline-block;
			width:33%;	
			text-align:left;
			vertical-align:top;
		}
		#menu_inferior ul li li{
			display:block;
			width:100%;	
		}
	#menu_inferior a{
		font-size:11px;
		text-decoration:none;
		color:#999;
	}
	#menu_inferior #menu a{
		display:block;
	}	
	#menu_inferior a:hover{
		text-decoration:underline;
		color:#fff;	
	}
/* ------------------------------------------------------- */		

/* ------------------------------------------------------- */			
/* GALERIA DE FOTOS */
#galeria{
	display:block;
	height:auto;
	display:block;
	width:100%;
}
.galeria_geral{
	margin:5px;
	width:115px;
	height:110px;
	text-align:center;
	border:1px solid #e0e0e0;
	float:left;	
}
.galeria_foto{
	background-color:#ffffff;	
}
.galeria_foto img{
	width:80px;
	height:65px;
}
.galeria_bt_ampliar{
	background-color:#f0f0f0;
	padding:4px;
	color:#ffffff;
	text-align:center;
	font-size:11px;
}
/* GALERIA DE TUMBS - HOME */
#galeria_tumbs{ text-align:center }
#galeria_tumbs img{
	border:3px solid #c0c0c0;
	width:100px;
	margin:5px;
}
/* ------------------------------------------------------- */	

/* ------------------------------------------------------- */		
/* LOGIN E CADASTRO DE USUARIOS */
#login_usuario{
	border:3px solid #f0f0f0;
}	
#login_usuario .txt_destaque{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	padding:10px;
	margin:5px;
}		
#login_usuario .email{
	background-color:#f0f0f0;		
}
#login_usuario .txt_campos{
	padding-left:30px;
}	
/* ------------------------------------------------------- */	

/* ------------------------------------------------------- */			
/* PRODUTOS */
/* Nome produto */
.produto_codigo{
	color:#999999;
	font-size:10px;
	font-weight:normal;
}
.produto_nome{
	margin:0px;
	padding:2px;
	font-size:10px;
}
/* Descrição do produto */
.produto_descricao{
	padding:4px;
	margin:2px;
	text-align:justify;
	font-size: 11px;
}
/* Valor sem desconto */
.produto_preco_de{
	color:#999999;
	font-size:11px;
}
/* Valor com desconto */
.produto_preco_por{
	color:#000000;
	font-size:14px;	
}
/* ------------------------------------------------------- */			

/* ------------------------------------------------------- */
/* ZOOM PRODUTO */
/* Área da janela de zoom */
#zoom_produto{

}
/* Titulo da janela de Zoom de produtos */
#zoom_produto .produto_nome{
	background-color:#F0F0F0;
	padding:5px;
	text-align:left;
	font-size:18px;
	color:#333333;
	margin-bottom:10px;
}
/* Imagens */
#zoom_produto img{
	padding:5px;
}
#zoom_produto img.foto_p{
	cursor:pointer;
	border:3px solid #f0f0f0;
	margin:3px;
	padding:6px;
	width:80px;
}
#zoom_produto#barra_fotos{
	text-align:left;
	width:100%;
	overflow:hidden;
	border-bottom:3px solid #c0c0c0;
	padding:5px;	
}
#zoom_produto img.foto_m{

}
#zoom_produto img.foto_g{

}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */	
/* FRASE ALEATÓRIAS */		
#frase{
	font-weight:bold;
	text-align:left;
	font-size:12px;
	color:#c90000;
	font-style:italic;
	text-align:center;
}
/* ------------------------------------------------------- */	

/* ------------------------------------------------------- */			
/* CARRINHO DE COMPRAS */
#carrinho{
	background-color:#ffffff;
	color:#333333;
	padding-right:3px;
	padding-left:3px;		
	background-repeat:no-repeat;
	width:100%;
}
	
#carrinho .meu_carrinho{
	font-weight:bold;
}
#carrinho .itens{
	font-size:11px;
}
#carrinho .destaque{
	font-weight:bold;
	color:#c90000;
}	
#carrinho .ver_carrinho{
	font-size:11px;
}
#carrinho a{
	font-size:10px;
	color:#FF0000;		
}	
/* Layout do carrinho */
#carrinho_compras{
	padding:5px;
	margin:0px;
	width:100%;
}

/* CABECALHO ------------------------------------------------------------------------------- */
#layout_cabecalho{
	height:20px;
	margin:0px;
	padding:0px;		
}
#layout_cabecalho .canto_esq{
	/* cantos arrendados */
	background-image: url("img/sup_esq.gif");
	background-position:left;	
	margin:0px;
	padding:0px;
	width:15px;				
}
#layout_cabecalho .centro{
	/* cantos arrendados */
	width:95%;
	background:#f0f0f0;
	margin:0px;
	padding:0px;				
}	
#layout_cabecalho .canto_dir{
	/* cantos arrendados */	
	background-image: url("img/sup_dir.gif");
	background-position:right;		
	margin:0px;
	padding:0px;				
	width:15px;		
}
/* RODAPE ------------------------------------------------------------------------------- */	
#layout_rodape{
	height:20px;
	margin:0px;
	padding:0px;		
}	
#layout_rodape .canto_esq{
	/* cantos arrendados */
	background-image: url("img/inf_esq.gif");
	background-position:left;	
	margin:0px;
	padding:0px;
	width:15px;				
}
#layout_rodape .centro{
	/* cantos arrendados */
	width:95%;
	background:#f0f0f0;
	margin:0px;
	padding:0px;				
}	
#layout_rodape .canto_dir{
	/* cantos arrendados */	
	background-image: url("img/inf_dir.gif");
	background-position:right;		
	margin:0px;
	padding:0px;				
	width:15px;		
}
	
#carrinho_compras .layout_rodape{
	background-color:#000000;	
}	
#carrinho_compras td{
	padding:5px;
}
#carrinho_compras a.bt_remover{
	text-decoration:none;	
	font-weight:bold;
}	
#carrinho_compras a.bt_remover:hover{
	text-decoration:underline;	
	color:#c90000;
}	
#carrinho_compras .total{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	background-color:#f5f5f5;
}
#carrinho_compras a.fechar_pedido{
	font-weight:bold;
	font-size:12px;
}
#carrinho_compras a.fechar_pedido:hover{
	text-decoration:underline;
	color:#000000;
}		
#carrinho_compras .cabecalho, #carrinho_compras .rodape{
	background-color:#f0f0f0;
	font-weight:bold;
	font-size:11px;
	color:#333333;
}
/* ------------------------------------------------------- */	

/* ------------------------------------------------------- */			
/* PRODUTOS */
.produto_geral{
	margin:5px;
}	
.produto_preco{
	color:#666666;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	padding:5px;
}
.produto_txt_sem_foto{
	color:#999999;
	font-size:12px;
}
.produto_foto{
	padding:5px;
	width:120px;
}
.produto_fotos_area{
	text-align:right;
	margin:10px;
}
.produto_fotos{
	padding:4px;
	margin:4px;
	text-align:right;
}
.produto_fotos a,.produto_fotos a:hover{
	width:100px;
	height:100px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}
.produto_fotos a:hover{

}
.produto_menu_categoria{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	background-color:#f0f0f0;
	padding:4px;
	margin:3px;
}
.produto_menu_categorias{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding:4px;
}	
.produto_preco_de{
}
.produto_preco_por{
}
.produto_menu_produto{
	font-size:11px;
	color:#555555;
	padding-left:10px;
}
.produto_promocao, .produto_menu_produto_promocao{
	font-weight:bold;
	color:#c90000;
}	
.produto_txt_destaque{
	color:#0099FF;
	font-weight:bold;
}
.produto_descricao_categoria{
	text-align:right;
	font-weight:bold;	
	font-size:12px;
	padding:4px;
	background-color:#f0f0f0;		
}
.produto_descricao_marca{
	text-align:right;	
	font-size:11px;	
	font-weight:bold;			
	padding:3px;
	background-color:#f5f5f5;				
}
/* ------------------------------------------------------- */
	
/* ----------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* SHOP - MENU  */
/* --------------------------------------------------------------------------- */
#shop_menu{
	margin:15;
	padding:0;
}
	#shop_menu span.cabecalho{
		display:none;	
	}
	
	#shop_menu ul.conteudo{
		list-style:none;
		margin:0;
		padding:0;
	}
		#shop_menu ul.conteudo, #shop_menu ul.conteudo ol.menu_secao{
			padding:0;
			margin:0;
			list-style:none;
		}
			#shop_menu ul.conteudo ol.menu_secao{
				height:auto;
				padding-bottom:10px;
				display:block;
				clear:both;
			}
				#shop_menu a.secoes	{	
					font-size:14px;
					padding:0;
					margin:0;
					font-weight:bold; 
					color:#620f77;
				}
					#shop_menu a.secoes:hover{
						color:#000;
						text-decoration:none;
					}				

			#shop_menu ol.menu_secao li{
				display:block;
				height:auto;
			}	
				#shop_menu ol.menu_secao li a.subsecoes{
					font-size:11px;
					padding:0;
					margin:0; 	
					color:#9f69ac;
					background:url(/site/img/icon_submenu.jpg) no-repeat left;
					padding-left:5;
					margin-left:3;
				}
					#shop_menu ol.menu_secao li a.subsecoes:hover{
						color:#000;
						text-decoration:underline;
					}
	#shop_menu span.rodape{
		display:none;		
	}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* SHOP MENU TOPO */
#shop_menu_topo{
	background-image:url(img/bg_menu_topo.jpg);
	display:block;
	height:1%;
	padding:0px;
	margin:0px;
}
#shop_menu_topo ul{
	list-style:none;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
#shop_menu_topo ul li{
	float:left;
	margin:0px;
	margin-top:5px;	
	padding:0px 20px 0px 20px;
	text-align:center;
	height:15px;
	border-right:1px solid #5baf57;	
}
#shop_menu_topo ul li a{
	color:#042902;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#shop_menu_topo ul li a:hover{
	color:#fff;
}
/* ------------------------------------------------------- */


/* LINHA CONTENDO BOX DE PRODUTO DA VITRINE*/
.linha_box_produto{
	margin-bottom:10px;
}
/* BOX DE PRODUTO DA VITRINE*/
.box_produto{
	text-align:center;
}
.produto_foto_vitrine{
	width:80px;	
}
/* ------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* FORUM  */
/* --------------------------------------------------------------------------- */
#forum{}
#forum #nav{
	font-size:11px;
	color:#c0c0c0;
	margin:0px;
	margin-bottom:5px;	
}
/* Topicos */
#forum #topicos{}
#forum #topicos .titulo{
	margin:0px;
	padding:0px;
}
#forum #topicos .titulo a{
	color:#497bdc;	
}
#forum #topicos .titulo a:hover{
	text-decoration:underline;
}
#forum #topicos .descricao{
	margin:0px;
	padding:4px;	
	margin-bottom:10px;		
}

/* Subtopicos */
#forum #subtopicos{}
#forum #subtopicos .subtopicos_cabecalho{}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao{}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .titulo{
	margin:0px;
	padding:0px;
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .titulo a{
	color:#497bdc;		
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .titulo a:hover{
	text-decoration:underline;
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .descricao{
	margin:0px;
	padding:4px;	
	margin-bottom:10px;	
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .data{}

/* Mensagens */
#forum #mensagens{}
#forum #mensagens .mensagens_usuario{}
#forum #mensagens .mensagens_data{}
#forum #mensagens .mensagens_mensagem{}
#forum #mensagens .mensagens_usuario_dados{}
#forum #mensagens .mensagens_painel{}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* SUPORTE ONLINE  */
/* --------------------------------------------------------------------------- */
#suporte_online{
	background-color:#fff;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}
	#suporte_online_body{}
	
	#suporte_online h1{
		margin:0;
		margin-bottom:10px;
		padding:15px;
		border-bottom:6px solid #FC0;
		background:#1296cd url(http://www.agenciadix.com.br/agencia/site/img/suporte_bg_titulo.jpg) no-repeat top left;
		font-size:24px;
		font-weight:bold;
		color:#fff;
		height:70px;
		*height:110px;
		display:block;
		text-transform:uppercase;
		letter-spacing:-1px;
	}
	/* Protocolo de atendimento e nome do atendente */
	#suporte_online #atendimento_dados{
		padding:5px;
		font-size:11px;
		color:#333;
		background:#f0f0f0;
	}
	#suporte_online .corpo{
		padding:20px;	
	}
	#suporte_online .label{
		font-weight:bold;
		color:#000000;
		padding-right:10px;
	}
	#suporte_online .txt{
		width:290px;
	}
	#suporte_online .bt{
		padding:2px;
		background:#FC0;
		text-transform:uppercase;
		color:#000;
	}
	#suporte_online #fila_print{
		text-align:center;
		margin-top:20px;
	}
	#suporte_online #aviso{
		text-align:center;
		margin-top:30px;
		background:#f0f0f0;
		padding:4px;
		color:#333;
	}	
	/* Campo de mensagens do chat */
	#suporte_online #chat_mensagem{
		padding:8;
		margin:0;
		overflow:auto;
		height:180px;
		display:block;
	}
		/* Formatacao da mensagem */
		#suporte_online #chat_mensagem .msg_linha_1{
			padding:3;
			margin:1;
			background:#ffffff;
			display:block;
		}
		#suporte_online #chat_mensagem .msg_linha_2{
			padding:3;
			margin:1;
			background:#f5f5f5;
			display:block;
		}		
		#suporte_online #chat_mensagem .usuario{
			color:#333;
			font-weight:bold;
		}
		#suporte_online #chat_mensagem .atendente{
			color:#000;	
			font-weight:bold;
		}
		#suporte_online #chat_mensagem .data{
			color:#c0c0c0;
		}
		#suporte_online #chat_mensagem .separador{
			display:none;	
		}
		#suporte_online #chat_mensagem .msg{
			display:block;
			padding:4px;
		}
	#suporte_online #rolagem td{
		text-align:right;
		padding:3px;
		background:#fff;
		color:#333;
		font-size:10px;
		height:20px;
	}
		#suporte_online #rolagem input{
			margin:0;
			border:0;
			background:none;
		}
	#suporte_online #chat_rodape{
		background:#f0f0f0;
		color:#333;
		padding:5px;
	}
		#suporte_online #chat_rodape #chat_textarea{
			width:100%;
			height:70px;
		}
	#suporte_online ol{
		list-style:none;
		margin:0px;
		padding:0px;	
	}
		#suporte_online ol li{
			padding:10px;
			margin:0px;
		}
			#suporte_online h2 {
				
			}
				#suporte_online h4 a{
					font-size:16px;
					color:#000000;
					font-weight:bold;
				}
				#suporte_online h4 b.on{
					color:#0c0;
				}
				#suporte_online h4 b.off{
					color:#c00;	
				}		
			#suporte_online ol li a{
				font-weight:normal;	
			}
			#suporte_online ol li a:hover{
				text-decoration:underline;	
			}

/* PAINEL DE ATENDIMENTO ------------------------------------  */
.suporte_atendente_msg{}

#suporte_online_painel{
	width:100%;
	display:block;
}
#suporte_online_painel h1{
	margin:0;
	padding:20px;
	border-bottom:6px solid #FC0;
	background:#1296cd url(http://www.agenciadix.com.br/agencia/site/img/suporte_bg_titulo.jpg) no-repeat top left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	height:20px;
	text-transform:uppercase;
	letter-spacing:-1px;
}
#suporte_online_painel ol.menu{
	margin:0;
	padding:2;
	list-style:none;
	background-color:#799FC6;
	display:block;
	height:50px;
}
#suporte_online_painel ol.menu li{
	float:left;
	display:inline;
}
#suporte_online_painel ol.menu li a{
	padding:10px;	
	margin:1px;
	background-color:#5888B8;
	color:#DDE7F0;
	font-size:13px;
	display:block;
}
#suporte_online_painel ol.menu li a:hover{
	background-color:#396086;
	color:#fff;
}
/* Botão - em espera */
#suporte_online_painel ol.menu li a.em_pausa{
	background:#FEE19E;
	color:#000;
}
	#suporte_online_painel ol.menu li a.em_pausa:hover{
		background:#FF3;	
	}
/* Botão - online */
#suporte_online_painel ol.menu li a.online{
	background:#2D9D06;
	color:#FFFFFF;	
}
	#suporte_online_painel ol.menu li a.online:hover{
		background:#0C0;	
	}
#suporte_online_painel #configs {
	margin:0px;
	padding:5px;
	background-color:#396086;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
}
	#suporte_online_painel #configs td{
		color:#fff;
		font-weight:bold;
	}
	#suporte_online_painel #configs b{
		color:#bcd3e9;
	}
#suporte_online_painel p{
	padding:5px;
}
/* Usuário para atendimento */
#suporte_online_painel #clientes_online_print{
	height:170px;
	overflow:auto;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online{
	border:1px solid #396086;	
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online tr{
	border:1px solid #f0f0f0;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .cabecalho{
	background-color:#d0d0d0;
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .titulo{
	margin:0px;
	padding:5px;
	background-color:#396086;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online tr td{
	padding:4px;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online *{
	color:#000000;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .linha_1{
	background-color:#f0f0f0;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .linha_2{
}
/* Atendimento a usuarios */
div#suporte_online_usuario_identificacao{
	height:100%;	
	display:block;			
}
	div#suporte_online_usuario_identificacao form{
		margin:0px;
		padding:0px;
		display:block;
		height:100%;				
	}
	div#suporte_online_usuario_identificacao .cabecalho{
		background:#00468C;
		font-size:16px;
		color:#FFFFFF;
		font-weight:bold;
		padding:10px;
		height:20%;
		display:block;				
	}
	div#suporte_online_usuario_identificacao .corpo{
		height:50%;	
		display:block;			
		padding:5px;	
	}
		div#suporte_online_usuario_identificacao .corpo .form_login{
			width:100%;
			display:block;
		}	
		div#suporte_online_usuario_identificacao .corpo .form_login h4{
			padding:4px;
			background:#f0f0f0;
			color:#666666;
			font-weight:bold;
			font-size:11px;
			width:100%;			
		}
	
	div#suporte_online_usuario_identificacao .rodape{
		background-color:#333;
		font-size:11px;
		color:#FFFFFF;
		padding:10px;
		height:30%;
		display:block;	
	}
	/* Fila de atendimento */
	div#suporte_online_usuario_identificacao #fila{	
		text-align:center;
		top:50%;	
		width:100%;
		position:absolute;
		font-weight:bold;
		color:#000000;
	}
	div#suporte_online_usuario_identificacao #fila span{
		color:#00468C;
	}	
	
	/* Chat Painel */	
	#suporte_online_painel #clientes_atendimento_print{
		margin:8px;
	}
	#suporte_online_painel #clientes_atendimento_print .painel_chat{
		float:left;
		width:300px;
		height:130px;
		margin:4px;
		display:block;
	}
		#suporte_online_painel #clientes_atendimento_print .painel_chat h4{
			background:#00468C;
			color:#FFFFFF;
			font-weight:bold;
			font-size:12px;
			margin:0;
			padding:6px;
		}
			#suporte_online_painel #clientes_atendimento_print .painel_chat h4 span{
				display:block;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat h4 span.nome{}
			#suporte_online_painel #clientes_atendimento_print .painel_chat h4 span.data{
				font-size:10px;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_msgs{
				overflow:scroll;
				border:1px solid #00468C;
				border-bottom:0;
				height:130px;
				padding:8px;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_controles{
				padding:4px;
				background-color:#4F97AC;
				color:#FFFFFF;
				font-weight:bold;				
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_enviar{
				padding:4px;
				background-color:#E4F0F3;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_enviar input{
				color:#000000;
			}		
	/* Historico */
	#suporte_online #historico{
		margin:10;	
	}
		#suporte_online #historico #busca{
			background:#f0f0f0;
			padding:8;
			border:1px solid #c0c0c0;
			margin:5;
			font-size:12;
			font-weight:bold;
		}
			#suporte_online #historico #busca form{
				margin:0;
				padding:0;
			}
			#suporte_online #historico #busca form .txt{
				width:75%;
			}
			/* Listagem */
			#suporte_online #historico #listagem{
				border:1px solid #c0c0c0;
				margin:5;	
				width:98%;
			}
				#suporte_online #historico #listagem .td_label td{
					padding:6;
					font-weight:bold;
					color:#333;
					background:#d0d0d0;
				}
				#suporte_online #historico #listagem .td_campo td{
					padding:2;
				}
					#suporte_online #historico #listagem a{
						color:#000;
						text-decoration:none;
						font-weight:bold;
					}
					#suporte_online #historico #listagem a:hover{
						color:#F90;
						text-decoration:underline;	
						font-weight:bold;
					}
					
					#suporte_online #historico #listagem .list_tr_0{
						background:#ffffff;	
					}
					#suporte_online #historico #listagem .list_tr_1{
						background:#f0f0f0;	
					}
					/* Paginacao */
					#suporte_online #historico #paginacao{
						text-align:center;
						padding:4;
						background:#e0e0e0;
					}	
						#suporte_online #historico #paginacao .atual{
							color:#F90;	
						}
						#suporte_online #historico #paginacao .desabilitado{
							color:#999;	
						}
						
					/* Protocolo */	
					#suporte_online #historico #protocolo_detalhes{
						border:1px solid #f0f0f0;	
					}
						#suporte_online #historico #protocolo_detalhes .td_label{
							background:#f0f0f0;	
							font-weight:bold;
							color:#333;
							padding:4;
							border:1px solid #f0f0f0;
						}
						#suporte_online #historico #protocolo_detalhes .td_campo{
							background:#ffffff;
							font-weight:bold;
							padding:4;
							border:1px solid #f0f0f0;
						}			
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* PERMALINK */
/* --------------------------------------------------------------------------- */
.permalink{
	margin-top:10px;
	margin-bottom:10px;
	background:url(/site/img/icon_permalink.gif) no-repeat;
	padding-left:20px;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* COMENTÁRIOS */
/* --------------------------------------------------------------------------- */
#box_comentarios{
	border-top:1px solid #d0d0d0;
}
	#box_comentarios h4.total_comentarios{
		margin:0px;
		margin-bottom:10px;
		margin-top:10px;		
	}
	#box_comentarios div.comentario{
		margin:2px;
		margin-bottom:4px;
		padding:10px;
		border:1px dashed #d0d0d0;
		background-color:#f5f5f5;
	}
		#box_comentarios div.comentario span.nome{
			color:#333333;
			font-size:12px;
			font-weight:bold;
			display:block;
			margin-bottom:2px;
		}
		#box_comentarios div.comentario span.data{
			color:#999999;
			font-size:10px;
			display:block;
			margin-bottom:4px;
			font-style:italic;
		}		
		#box_comentarios div.comentario span.comentario{
			color:#666666;
			font-size:11px;
			display:block;
		}	
	#box_comentarios h4.comentarios_vazio{
		font-size:12px;
		color:#999999;
		font-style:italic;
		font-weight:normal;
		margin:0px;
		margin-bottom:10px;
		margin-top:10px;		
	}			
/* Form comentar */
#box_comentarios #formulario{
	border-top:1px solid #d0d0d0;
	margin:2px;
	margin-top:4px;
	padding:2px;
}
#box_comentarios #formulario form{
	margin:0px;
	padding:0px;
}
#box_comentarios #formulario form h4{
	margin:0px;
	margin-bottom:8px;
	margin-top:5px;
}
#box_comentarios #formulario form label{
	color:#333333;
	display:block;
	font-weight:bold;
}
#box_comentarios #formulario form label.nome{}
#box_comentarios #formulario form label.email{}
#box_comentarios #formulario form label.comentario{}
#box_comentarios #formulario form label.seguranca{}
#box_comentarios #formulario form label.enviar{}
/* Inputs */
#box_comentarios #formulario form input.txt_nome{
	width:100%;
}
#box_comentarios #formulario form input.txt_email{
	width:100%;
}
#box_comentarios #formulario form textarea.txt_comentario{
	width:100%;
	height:60px;
}
#box_comentarios #formulario form input.bt_enviar{
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ENQUETE */
/* --------------------------------------------------------------------------- */
.enquete{}
	.enquete h3{}
	.enquete ol{
		margin:0px;
		list-style:none;
		display:block;
		clear:both;
		width:100%;
	}
		.enquete ol li{
			margin:1px;
			display:block;
			clear:both;
		}
			.enquete ol li a.alternativa{
				color:#000;
			}
			.enquete ol li a.alternativa:hover{
				color:#F90;
			}			
			.enquete ol li a.resultado{
				background:#333;
				color:#FFF;
				padding:4px;
			}
			.enquete ol li .estatisticas{
				width:50%;
				float:left;
			}
				.enquete ol li .estatisticas span{
					padding:2px;
				}
					.enquete ol li span.bar_1{
						background:#F90;	
					}
					.enquete ol li span.bar_2{
						background:#F50;
					}
					.enquete ol li span.bar_3{
						background:#F20;
					}
					.enquete ol li span.bar_4{
						background:#FC0;
					}
					.enquete ol li span.bar_5{
						background:#FA0;
					}
					.enquete ol li span.bar_6{
						background:#FF0;
					}
					
					.enquete ol li span.porc_1, .enquete ol li span.porc_2, 
						.enquete ol li span.porc_3, .enquete ol li span.porc_4, 
							.enquete ol li span.porc_5, .enquete ol li span.porc_6{
						font-weight:bold;
						color:#fff;
						margin:0;
						text-align:right;
					}
		.enquete .total_votos{
			border-top:1px solid #c0c0c0;
			font-size:12px;
			text-align:left;
			color:#000;
			margin-top:10px;
			padding:5px;
			display:none;
		}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ANUNCIOS E BANNERS */
/* --------------------------------------------------------------------------- */
/* Menu */
#menu_anuncios{
	margin:12;
	padding:0;
	border:0;
	list-style:none;
	width:180px;
}
	#menu_anuncios li{
		
	}
		#menu_anuncios li a{
			font-size: 14px;
			font-weight:bold;
			color:#F60;
			width:100%;
		}
		#menu_anuncios li a:hover{
			color:#000;
			text-decoration:underline;
		}

/* Anuncios e banners */
ol#anuncios{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}
	ol#anuncios li{
		margin:0;
		padding:2;
		border:0;
	}
	ol#anuncios li.destaque{
		padding:5px;
		background:#FEFDD8;
	}
.banner_publicidade{}
	.banner_swf{}
	
	.banner_img{}
	.banner_img a{}
	.banner_img a img{}
			
	.anuncio{}
	.anuncio h1{
			margin:0;
			padding:0;
			border:0;
			font-size:14px;
			font-weight:normal;
			font-style:normal;
	}
		.anuncio h1 a{
			color:#F60;
			text-decoration:underline;
		}
		.anuncio h1 a:hover{
			color:#000;
			text-decoration:underline;
		}
	.anuncio p{
			margin:0;
			padding:0;
			border:0;	
			font-size:11px;
			color:#000;
			margin-top:2;
		}
	.anuncio.url{
		margin-top:2;
		color:#090;
		font-style:italic;
	}
	.anuncio.url:hover{}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Filtro de produtos */
#filtro{
	background:#f0f0f0;
	padding:4px;
	color:#666;
	font-style:italic;
	text-align:right;
}
	#filtro form{
		margin:0;
		padding:3;
	}
		#filtro form select{
			font-size:11px;	
		}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Paginação de produtos */
#paginacao{
	height:30px;
	padding:4px;
}
	#paginacao .bt_anterior_off, #paginacao .bt_proximo_off, #paginacao .bt_primeira_off, #paginacao .bt_ultima_off{
		color:#333;	
	}
	#paginacao b.divisoria{
		margin-left:5px;
		margin-right:5px;
		color:#999;
	}
	#paginacao a.bt_anterior, #paginacao a.bt_proximo, #paginacao a.bt_primeira, #paginacao a.bt_ultima{
		padding:2px;
		color:#000;
		font-weight:bold;		
	}
	#paginacao .bt_pagina_atual{
		padding:2px;
		background:#c0c0c0;
		color:#FFF;
		font-weight:bold;
	}
	#paginacao .label_pagina{ display:none; }

/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Acesso de página restrita */
#login_usuario_acesso_restrito{}
	#login_usuario_acesso_restrito form{}
		#login_usuario_acesso_restrito form label{
			width:150px;
			font-weight:bold;
		}
		#login_usuario_acesso_restrito form label.lbl_email{}
		#login_usuario_acesso_restrito form label.lbl_senha{}
		#login_usuario_acesso_restrito form label.lbl_submit{}
		#login_usuario_acesso_restrito form .input_text{}		
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Shop - Painel - Historico de pedidos */
#historico_pedidos{
	font-size:11px;
	border:1px solid #f0f0f0;
}
	#historico_pedidos .titulo{
		background:#e0e0e0;
		color:#333333;
		text-transform:uppercase;
	}
	#historico_pedidos .linha_1{
		background:#fff;
		padding:1;
		border-bottom:1px solid #f0f0f0;
	}	
	#historico_pedidos .linha_2{
		background:#f5f5f5;	
		border-bottom:1px solid #f0f0f0;		
		padding:1;		
	}	
	#historico_pedidos a{
		padding:3;
		background:#333;
		color:#fff;
		text-decoration:none;
		text-transform:lowercase;
		margin:2;
	}
	#historico_pedidos a:hover{
		padding:3;
		background:#86ac28;
		color:#fff;
		text-decoration:none;
	}	
	/* Frete */
	#historico_pedidos .frete{
		font-weight:bold;
		font-size:12px;
		color:#000;
	}
		#historico_pedidos .frete .label, #historico_pedidos .frete .dados{
			border:1px solid #f0f0f0;				
		}
		#historico_pedidos .frete .label{
			text-transform:uppercase;
		}
	/* Total */
	#historico_pedidos .total_final{
		font-weight:bold;
		font-size:14px;
		color:#000;
	}
		#historico_pedidos .total_final .label, #historico_pedidos .total_final .dados{
			border:1px solid #f0f0f0;				
		}
		#historico_pedidos .total_final .label{
			text-transform:uppercase;
			background-color:#f0f0f0;
		}		
	/* Historico - Dados de entrega */
	#historico_pedidos .dados_entrega td{
		border-right:1px solid #f0f0f0;
	}
	#historico_pedidos .dados_entrega, #historico_pedidos .dados_pagamento{
		padding:0;
		margin:0;
	}
		#historico_pedidos .dados_entrega td, #historico_pedidos .dados_pagamento td{
			border-bottom:1px solid #f0f0f0;
		}
			#historico_pedidos .dados_entrega .label, #historico_pedidos .dados_pagamento .label{
				background:#f0f0f0;
				padding:2;
				font-size:11;
			}
			#historico_pedidos .dados_entrega .campo, #historico_pedidos .dados_pagamento .campo{
				font-size:11;
				font-weight:bold;	
			}
		/* Rastreamento  */
		#historico_pedidos .rastreamento, #historico_pedidos .status_pedido, #historico_pedidos .status_pedido_log{}
			#historico_pedidos .rastreamento td, #historico_pedidos .status_pedido td, #historico_pedidos .status_pedido_log td{
				border-top:1px solid #f0f0f0;
				text-align:center;
			}
			#historico_pedidos .rastreamento .label, #historico_pedidos .status_pedido .label, #historico_pedidos .status_pedido_log .label{
				background:#f0f0f0;
			}
			#historico_pedidos .status_pedido_log .campo{
				text-align:left;
			}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Confirmação de endereço */
#carrinho_endereco_cadastro, #carrinho_endereco_entrega{}
	#carrinho_endereco_cadastro h4, #carrinho_endereco_entrega h4{}
	#carrinho_endereco_cadastro .conteudo, #carrinho_endereco_entrega .conteudo{}
		#carrinho_endereco_cadastro .conteudo label, #carrinho_endereco_entrega .conteudo label{
			width:200px;	
		}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* FAQ PAGINA */
#faq_pagina{}
	#faq_pagina .links{
		list-style:none;
		margin:0px;
		padding:0px;	
		margin-bottom:40px;	
	}
		#faq_pagina .links li{
			padding-bottom:4px;
		}
			#faq_pagina .links li a{
				font-size:12px;
			}
			#faq_pagina .links li a:hover{}
	#faq_pagina .respostas{
		list-style:none;
		margin:0px;
		padding:0px;
	}
		#faq_pagina .respostas .palavras_chaves{
			display:none;
		}
		#faq_pagina .respostas .bt_topo{
			margin-bottom:15px;
		}
		#faq_pagina .respostas .separador{}
		#faq_pagina .respostas p{
			margin:0px;
			padding:0px;
		}
		#faq_pagina .respostas h3{}			
/* ----------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------- */
/* SCROLLABLE NEWS */
/* ----------------------------------------------------------------------------------- */
#box_noticias{
	height:300px;
	width:300px;
	border:1px solid red;
	margin:0px;
	padding:0px;
}
	#box_noticias .items{
		height:300px;	
		width:300px;
		list-style:none;
		margin:0px;
		padding:0px;
	}
		#box_noticias .items .noticia{
			height:400px;
			width:300px;
			margin:0px;
			padding:0px;				
			float:left;
		}
			#box_noticias .items .noticia a.foto{}
			#box_noticias .items .noticia a.foto:hover{}
				#box_noticias .items .noticia a.foto img{
					border:0px;
					width:100%;
				}
				#box_noticias .items .noticia a.foto:hover img{}
			#box_noticias .items .noticia h3{
				margin:0px;
				padding:2px;				
			}
				#box_noticias .items .noticia h3 a{}
				#box_noticias .items .noticia h3 a:hover{}
			#box_noticias .items .noticia p{
				margin:0px;
				padding:2px;
			}
/* ----------------------------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* API # CEP */	
#result_cep{
	border:1px solid #FC0;
	padding:4px;
	background:#FFC;
	color:#000;
	font-weight:bold;
	display:none;
	z-index:14;
	position:absolute;
}
/* --------------------------------------------------------------- */	

    /* --------------------------------------------------------------------------- */
    /* CARROSSEL */
    /* --------------------------------------------------------------------------- */ 
    .infiniteCarousel {
        width: 100%;
        height:155px; 
        position:relative;
        z-index:12;
        margin-top:5px;
        background:#fff;
    }
     
        .infiniteCarousel .wrapper {
            width: 97%;
            height:100px; 
            overflow: auto;
            min-height: 10em;
            margin: 0 1px;
            position: absolute;
            top: 0;
        }
             
            .infiniteCarousel .wrapper ul {
                width: 9999px;
                list-style-image:none;
                list-style-position:outside;
                list-style-type:none;
                margin:0;
                padding:0;
                position: absolute;
                top: 0;
                height:auto;
            }
             
                .infiniteCarousel ul li {
                    display:block;
                    float:left;
                    padding: 2px;
                    margin:1px;
                    height:155px;
                    width:  130px;
                    background:#fff;
                    text-align:center;
                    overflow:hidden;
                }
                 
                    .infiniteCarousel ul li a img {
                        display:block;
                        border: 0;
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;												
                    }
     
    .infiniteCarousel .arrow {
        display: block;
        height: 90px;
        width: 20px;
        text-indent: -999px;
        position: absolute;
        top: 0px;
        cursor: pointer;
        font-size:0px;
    }
     
    .infiniteCarousel .forward {
        background:#<?=$rr["str_site_cor_3"];?> url(../img/galeria_setas_vai.png) no-repeat center;
        right: 0;
    }
     
    .infiniteCarousel .back {
        background:#<?=$rr["str_site_cor_3"];?> url(../img/galeria_setas_volta.png) no-repeat center;
        left: 0;
    }
     
    .infiniteCarousel .forward:hover {
        background:#<?=$rr["str_site_cor_4"];?> url(../img/galeria_setas_vai.png) no-repeat center; 
    }
     
    .infiniteCarousel .back:hover {
        background:#<?=$rr["str_site_cor_4"];?> url(../img/galeria_setas_volta.png) no-repeat center;
    }
    /* --------------------------------------------------------------------------- */
    
    /* --------------------------------------------------------------------------- */
    /* LIGHT BOX FOTOS CLIENTES */
    /* --------------------------------------------------------------------------- */ 	
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 1500px!important;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		zoom: 1;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width: 66px; 
		float: right;
		padding-bottom: 0.7em;	
	}	
    /* --------------------------------------------------------------------------- */ 

#menu_inferior #lista_paginas_secao{
	margin:0;
	padding:0;
	list-style:none;	
}
	#menu_inferior #lista_paginas_secao li{
		display:block;
		margin-bottom:3px;
		width:100%;	
	}
	

/* --------------------------------------------------------------------------- */ 	
/* Lightbox */
#galeria_lightbox {
	padding: 10px;
	width: 100%;
}
#galeria_lightbox ul 		{ list-style: none; }
#galeria_lightbox ul li 	{ display: inline; }
#galeria_lightbox ul img 	{
	border: 1px solid #fff;
}
#galeria_lightbox ul a{
	text-decoration:none;	
	width:80px;
	height:80px;
	overflow:hidden;
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
}
#galeria_lightbox ul a:hover { 
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
}
/* Configurações Lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999999;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* ------------------------------------------------------- */		
.c{
	display:block;
	width:1000px;
	margin: 0 auto;	
}
a{
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	outline:none;	
}
/* Inputs and buttons */
input,
select,
textarea{
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	outline:none;	
	cursor:pointer;	
}
.bt{
	text-decoration:none;
	color:#fff;
	background:#ffcf30;
	padding:5px 10px;
	border:0;
	text-transform:uppercase;
	text-align:center;
}
.bt:hover{
	background:#000;
	text-decoration:none;
	color:#fff;	
}
.txt{
	padding: 8px;
	color: #000;
	text-transform: uppercase;
	background: #fff;
	outline: none;
	border: 0;
}			
.bt {
	padding: 8px;
}

site{
}
	header{
		display:block;
		width:100%;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	site.interna header{
		height:200px;
		margin-bottom:0;
		overflow: hidden;	
	}
		site.interna search{
			display:none;	
		}	
		header_top.f {
			position: fixed;
			top: 0;
			display: block;
			width: 100%;
			height: 60px;
			background: #000;
			-moz-transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;	
			z-index:99999;			
		}
			header_top.f aside .bt_criar_site{
				opacity:1;	
			}
			header_top.f logo,
			header_top.f aside{
				margin:15px;	
			}
			header_top.f logo{
				width:160px;	
			}	
		logo{
			position:absolute;
			top:0px;
			left:0px;
			margin:30px;	
			display:inline-block;
			z-index:999;
			width:200px;
		}
			logo img{
				width:100%;
			}
		aside {
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 999;
			margin: 30px;
			margin-top: 35px;
		}	
			aside .bt_criar_site{
				opacity:0;	
				-moz-transition: all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;					
			}
			header aside .bt{
				float:left;
				margin-right:10px;	
			}
			social{
				float:left;	
			}
				social a{}
				social a:hover{
					opacity:0.5;	
				}
					social a img{
						height:25px;	
					}
			search {
				position: absolute;
				z-index: 999;
				width: 100%;
				margin: 0 auto;
				display: block;
				margin-top: 200px;
				text-align: center;
			}	
				search .txt{
					padding: 15px;				
					width: 40%;
					font-size: 22px;
				}			
				search .bt {
					padding: 15px;
					font-size: 22px;
					top: 2px;
					position: relative;
				}		
		banner_bg {
			width: 100%;
			height: 480px;
			display: block;
			overflow: hidden;
		}	
			banner_bg ol {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				banner_bg ol li img {
					width: auto;
					height: 100%;
				}
content {
    display: block;
    width: 100%;
}	
content.interna {
    margin: 30px 0px;
	color:#000;
	font-size:14px;
	text-align: justify;
}	
	content.interna img {
		width: 100%!important;
		height: auto!important;
	}
	site.interna header aside .bt{
		display:inline-block;
		visibility:visible;
		opacity:1;
	}
	content.cadastro img {
		width:auto!important;
		height:auto!important;
	}					
	call_to_action {
		display: block;
		background: #000;
		padding: 50px 0px;
		text-align: center;
		color: #fff;
		width: 100%;
		height: auto;
		float:left;
	}
		call_to_action h1 {
			margin: 0 auto;
			width: 50%;
			font-size: 32px;
			color:#fff;
		}	
		call_to_action hr {
			width: 20%;
			border: 0;
			height: 6px;
			background: #FFCF30;
		}
	fotic_video{	
		display: block;
		text-align: center;
		width: 100%;
		padding: 50px 0px;
		float: left;
		margin: 0px;
	}	
		fotic_video h2{
			color:#ffcf30;	
		}
		fotic_video h3{
			color:#000;
			margin-bottom:20px;	
		}
			fotic_video div div {
				width:80%;
				border-radius: 10px;
				display: block;
				overflow: hidden;
				margin:0 auto;
			}	
	fotickers {
		background: #ffcf30;
		display: block;
		float: left;
		width: 100%;
		padding: 50px 0px;
		text-align: center;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
		margin-top: 50px;
	}
		fotickers h2,
		fotickers h3{
			color:#fff;	
		}			
			fotickers h2 span{
				color:#000;	
			}
		fotickers h3{
			margin-bottom:20px;	
		}		
		#utilizadores{
			margin:0px;
			padding:0px;
			list-style:none;	
		}
			#utilizadores .utilizador {
				float: left;
				display: inline-block;
				width: 16%;
				text-align: center;
				-moz-transition: all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;					
			}
			#utilizadores .utilizador:hover .foto{
				border-color:#fff;	
			}
				#utilizadores .utilizador .foto {
					border: 4px solid #FFCC00;
					width: 120px;
					height: 120px;
					overflow: hidden;
					border-radius: 100%;
					background:#fff;
					text-align: center;
					margin: 0 auto;
					padding: 0;
					float: none;
					-moz-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;						
				}			
					#utilizadores .utilizador .foto img {
						width: auto;
						height: 135%;
						min-width:100%;
					}	
				#utilizadores .utilizador .nome {
					font-weight: bold;
					font-size: 12px;
					height: 16px;
					overflow: hidden;
					text-align: center;
				}
				#utilizadores .utilizador .cidade {
					font-size: 11px;
				}
		fotic_vantagens {
			float: left;
			width: 100%;
			text-align: center;
			padding: 70px 0px;
		}
		fotic_vantagens h2{
			color:#000;	
		}
		fotic_vantagens h3 {
			font-size: 22px;
			margin-bottom:30px;
		}		
			vantagens,
			modalidades,
			designs {
				display: inline-block;
				text-align: left;
				width: 50%;
				float: left;
				color: #000;
			}
			designs{
				margin-top:20px;	
			}
				.designs #galeria_tumbs {
					text-align: left;
				}
					.designs #galeria_tumbs {
						text-align: left;
					}
						.designs #galeria_tumbs img {
							border: 0px;
							width: 30%;
						}			
				vantagens a,
				modalidades a,
				designs a{
					color:#000;	
				}
							
				vantagens ol,
				modalidades ol,
				designs ol{
					margin: 0;
					padding: 0;
					list-style: none;
				}															

fotic_extras {
    display: block;
    width: 100%;
    background: #000;
    float: left;
    padding: 50px 0px;
    text-align: center;
}
	fotic_extras h2 {
    	color: #fff;
	}
	fotic_extras h3 {
		color:#ffdc00;
	}
	fotic_extras ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		fotic_extras ol li {
			display: inline-block;
			text-align: center;
			font-size: 22px;
			margin: 20px;
			width: 28%;
			vertical-align: top;
		}		
			fotic_extras ol li a{
				color:#fff;
				text-decoration:none;	
			}
			fotic_extras ol li a:hover{
				text-decoration:none;
			}
			fotic_extras ol li span {
				display:block;
				text-align:center;
			}

	plans {
		display: block;
		width: 100%;
		float: left;
		padding: 50px 0px;
		text-align: center;
	}
		plans h2{
			color:#000;	
		}
		plans ol {
			margin: 0;
			padding: 0;
			list-style: none;
			margin-top:50px;
		}
			plans ol li.plan_box {
				display: inline-block;
				text-align: center;
				font-size: 22px;
				margin: 10px;
				width: 22%;
				vertical-align: top;
				border:1px solid #f0f0f0;
				padding:0px;
				
				-moz-transition: all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;					
			}
			plans ol li.plan_box:hover{
				border:1px solid transparent;
				background:#f5f5f5;
			}
				.plan_box h5 {
					color:#fff;
					position: relative;
					height: 15px;
					background: #000;
					text-align: center;
					width: 100%;
					padding: 5px 0px;
					font-weight: normal;
					font-size: 12px;
					z-index: 9999;
					margin: 0;
					margin-top: -26px;
					border:0;
					-moz-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;						
				}			
				.plan_box h3 {
					background: #FFCF30;
					padding: 20px 20px;
					color: #fff;
					margin: 0px;
					-moz-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;					
				}
				.plan_box ol {
					height:200px;
					margin: 0px;
					padding: 20px;
					border: 0px;
					font-size: 13px;
					text-align: left;
					color: #666;
					list-style: initial;
					margin-left: 15px;
					-moz-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;					
				}
				.plan_box ol li b {
					font-weight: normal;
					color: #FFCF30;
				}				
				.plan_box ol li u {
					text-decoration: line-through;
					color: #ccc;
				}	
			.plan_box price {
				display: block;
				background: #f0f0f0;
				height: 60px;
				padding: 10px 0px;
				color: #929292;
				vertical-align: middle;
				width: 100%;
				-moz-transition: all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;				
			}	
			plans ol li.plan_box:hover h3{
				background:#000;
			}
			plans ol li.plan_box:hover h5{
				background:#ffcf30;
			}			
			plans ol li.plan_box:hover price{
				background:#ffcf30;
				color:#fff;	
			}															
			.plan_box price de {
				font-size: 14px;
				float: left;
				margin: 20px;
				text-decoration: line-through;
				margin-right: 10px;
			}
			.plan_box price por {
				font-size: 19px;
				float: left;
				margin-top: 16px;
			}
			.plan_g price {
				line-height: 60px;
			}
				.plan_g price b{
					font-weight:normal;
					color:#ffcf30;
					-moz-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;							
				}
				plans ol li.plan_box:hover price b{
					color:#000;	
				}						
			.bts_assinatura {
				color:#000;
				padding: 50px 0px;
				text-align: center;
			}	
				.bts_assinatura .bt {
					clear: both;
					color:#fff;
					font-size: 18px;
					padding: 15px 30px;
				}
				.bts_assinatura a{
					color:#000;
					text-decoration:none;	
				}
				.bts_assinatura .planos_superiores {
					color: #000;
					line-height: 70px;
					text-decoration:none;
				}
				.bts_assinatura .planos_superiores:hover{
					text-decoration:underline;	
					color:#ffcf30;
				}

		articles {
			float: left;
			width: 100%;
			display: block;
			text-align: center;
		}
			articles h2{
				color:#000;	
			}		
			newsletter {
				display: block;
				margin-top: 50px;
			}				
				newsletter .txt,
				newsletter .bt {
					background: #000;
					color: #fff;
					padding: 20px;
					font-size: 22px;
					width: 50%;
				}
				newsletter .bt{
					background:#ffcf30;
					color:#fff;
					text-align:center;
					width:30%;	
				}
				newsletter ::-webkit-input-placeholder 	{ color: #fff; }
				newsletter :-moz-placeholder 			{ color: #fff; }
				newsletter ::-moz-placeholder 			{ color: #fff; }
				newsletter :-ms-input-placeholder 		{ color: #fff; }				
		news {
			float: left;
			width: 100%;
			text-align: left;
			margin: 50px 0px;
			margin-bottom: 0px;
		}
			news h2 {
				text-align: center;
				margin-bottom: 30px;
				color:#000;
			}		
			news ol#lista_paginas_secao {
				margin: 0;
				padding: 0;
				list-style: none;
			}	
				news ol li {
					float: left;
					border:0;
					display: inline-block;
					overflow: hidden;
					width: 33%;
					border-right:1px solid #fff;
				
					-moz-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;					
				}
				news ol li:last-child{
					border-right:0;	
				}
					news ol li .imagem {
						display: block;
						height: 250px;
						overflow:hidden;
						-moz-transition: all 0.5s ease;
						-webkit-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						transition: all 0.5s ease;							
					}								
						news ol li .imagem img {
							height: 100%;
							min-width: 100%;
						}
						news ol li .imagem img{
							opacity: 0.3;
							
							filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
							filter: gray; /* IE6-9 */
							-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
							
							-moz-transition: all 0.5s ease;
							-webkit-transition: all 0.5s ease;
							-o-transition: all 0.5s ease;
							transition: all 0.5s ease;					
						}
						news #lista_paginas_secao li:hover .imagem img,
						news ol li:hover .imagem img{
							opacity: 1;
							filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
								-webkit-filter: grayscale(0%);
						}	
						news #lista_paginas_secao a.link {
							background: #000;
							text-decoration: none;
							display: block;
							height: 35px;
							padding: 20px 10px;
							font-size: 16px;
							text-align: center;
							line-height: 17px;
						}
						news #lista_paginas_secao li:hover a.link,
						news #lista_paginas_secao li:hover a.link:hover{
							text-decoration:none;
							background:#ffcf30;
							color:#000;	
						}
						news #lista_paginas_secao li a.link{
							color:#fff;	
						}										
ol#secao {
    margin-top: 20px;
}
	ol#secao li {
		float: left;
		margin-right: 5%;
		text-align: center;
		width: 20%;
		height: 200px;
	}
	ol#secao li:hover a,
	ol#secao li:hover a:hover{
		text-decoration:underline;
		color:#FC0;	
	}	
		ol#secao li a{
			text-decoration:none;
		}
		ol#secao li a:hover{
			text-decoration:underline;
			color:#FC0;	
		}
		#secao .imagem {
			width: 100%;
			height: 100px;
			overflow: hidden;
			display: inline-block;
			border: 1px solid #d0d0d0;
			
			opacity: 0.3;
			
			filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
			
			-moz-transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;				
		}
		ol#secao li:hover .imagem{
			border: 1px solid #FC0;	
			opacity: 1;
			filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
			-webkit-filter: grayscale(0%);
		}		
			#secao .imagem img{
				min-height:100%;	
			}
		ol#secao li .nome {
			color: #000;
			width: 100%;
			display: block;
			float: left;
			margin-bottom: 30px;
		}

	footer {
		float: left;
		display: block;
		width: 100%;
		background: #f5f5f5;
		padding: 50px 0;
		margin-top: 50px;
		color:#aaaaaa;
		font-size: 14px;		
		text-shadow:1px 1px #fff;
	}
		footer h4{
			margin-bottom:20px;	
		}
		footer a{
			color:#aaaaaa;	
			text-decoration:none;
		}
		footer a:hover{
			color:#000;
			text-decoration:underline;
		}
		footer nav a {
			display: block;
			margin-left: 2px;
			text-align:left;
			float: left;
			width: 100%;			
		}
			footer nav a:before {
				content: "º ";
				float: left;
				margin-right:10px;
				font-size: 20px;
			}
		footer nav, 
		footer partner {
			float: left;
			width: 32%;
			margin-right: 20px;
		}
		footer partner {
			margin: 0;
			text-align: justify;
		}		
			footer partner .txt {
				width: 66%;
			}
			footer partner form{
				margin-top:20px;	
			}
		footer tradutor {
			float: left;
			margin-top: 20px;
			width:32%;
			text-align:right;
		}

	
	dev {
		float:left;
		width:100%;
		padding:10px 0;
		color: #e0e0e0;		
	}
		dev img{
			opacity: 0.3;
			
			filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
			
			-moz-transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;					
		}
		dev a:hover img{
			opacity: 1;
			filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
				-webkit-filter: grayscale(0%);
		}
		dev img,
		dev span{
			float:left;	
		}
		dev span {
			margin-top: 10px;
			margin-right: 5px;
		}		
		dev fotic {
			font-size: 10px;
			float: left;
			width: 50%;
		}			
			dev fotic img {
				opacity: 0.1;
				float: left;
				width: 100px;
				margin-top: 8px;
			}
			dev fotic span {
				float: left;
				display: inline-block;
				width: 70%;
				margin: 5px;
			}	
			dev agenciadix {
				float: right;
				margin-right: 20px;
			}						
			dev plataforma_webstudio {
				float: right;
				display: inline-block;
			}			
			
/* Ajustes Responsivos */
@media screen and (max-width: 1000px) {													
	.c {
		width: 90%;
	}
	call_to_action h1 {
		width: 80%;
	}		
	fotickers h2 span {
		display: block;
	}	
	#utilizadores .utilizador {
		width: 16%;
	}
		#utilizadores .utilizador .foto {
			width: 60px;
			height: 60px;	
		}
	vantagens, modalidades, designs {
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}	
		fotic_extras ol li {
			text-align: center;
			width: 100%;
			margin-bottom: 40px;
		}	
	plans ol li.plan_box{
		width:45%;	
	}
	newsletter .txt{
		width:90%;
		text-align:center;	
	}
	newsletter .bt{
		width:50%;	
	}
	news ol li {
		width: 100%;
		margin-bottom: 20px;
	}
	
	footer nav, 
	footer partner {
		float: none;
		width: 80%;
		margin: 0 auto;
		display: block;
	}	
	footer partner {
		margin: 0 auto;
		width: 80%;
		top: 20px;
		position: relative;		
	}
	footer tradutor{
		margin: 0 auto;
		width: 100%;
		top: 35px;
		text-align: center;
		position: relative;	
	}
	footer partner .txt {
		width: 58%;
	}
	dev fotic{
		display:block;
		width:100%;
		text-align:center;	
	}		
		dev fotic img{
			float:none;	
		}
			dev fotic img {
				float: none;
				margin-bottom: 10px;
			}	
			dev fotic span {
				width: 100%;
				font-size: 12px;
				margin-bottom: 20px;
			}
		dev agenciadix {
			float: right;
		}	

	content.interna h1.titulo {
		text-align: left;
		font-size: 26px;
	}
		
	.plan_box h5{
		margin-top:0;	
	}	
		
	/* Cadastro */
	content.cadastro .nickname {
		height: 250px;
		overflow:hidden;
	}
	content.cadastro .usuario_nick_status {
		float: left;
		width: 97%;
	}
	content.cadastro .nickname .url_fotic {
		width: 97%;
		margin: 0;
		margin-top: 20px;
	}
	content.cadastro .nickname .url_fotic .url {
		font-size: 21px;
		margin-top: 0px;
	}
	.escolha_plano {
		height: 150px;
		width: 100%;
	}
	#dados_plano {
		height: auto;
		width: 100%;
		padding-bottom: 20px;
	}
	#dados_plano span {
		display: inline-block;
		width: 60%;
		float: left;
		text-align:left;
	}
	#dados_plano span:first-child {
		clear: both;
		margin-right: 30px;
		text-align: left;
	}	
	#form_cadastro input {
		max-width: 100%;
	}
	#form_cadastro .w100 {
		width: 100%;
	}	
	.td1,
	.td2{
		float: left;
		width: 90%;
	}	
	ol#secao li {
		margin:0;
		margin-bottom:15px;
		width: 100%;
		height: 150px;
	}
	#profissionais ol li{
		width:50%;	
		height:200px;
	}
		#profissionais ol li .capa{
			height:150px;	
		}	
	#profissionais_busca input.txt {
		width: 96%;
	}
	#profissionais_busca .bt {
		margin-left:0px;
	}
	
	#albuns_publicos ol{
		width:100%;	
	}				
		#albuns_publicos ol li{
			width:50%;	
		}	
		#albuns_publicos ol li .views{
			right: 20px;
			position: relative;
			float: right;	
		}
		#albuns_publicos ol li .share .tw{
			margin:0;
			float: right;	
		}			
}
@media screen and (max-width: 480px) {
	logo{
			width:auto;	
			text-align: center;
		}
		header_top.f logo {
			width: 180px;
			margin: 0;
			margin-top: 15px;
		}	
			logo img{
				width:80%;	
			}
		header{
			height: auto;	
		}
			header aside{
				width: 100%;
				padding: 0px;
				margin: 0px;
				margin-top: 120px;
				text-align: center;
			}
				header aside .bt{
					float:right;	
				}
				header aside social{
					display: block;
					text-align: center;
					width: 100%;
					margin-top: 0px;
				}	
				header_top.f social {
					display: none;
				}						
					header aside social a img {
						height: 35px;
					}	
			action_bts {
				display: none;
				text-align: center;
				width: 100%;
			}
			header_top.f action_bts {
				display: block;
				text-align:right;
			}	
				site header_top.f aside .bt_painel{
					display:none;
				}
				site.interna header_top.f action_bts .bt_criar_site {
					display: inline-block;
				}
	
			search{
				margin-top: 190px;	
			}
				search .txt {
					width: 80%;
					margin-bottom: 16px;
					text-align: center;
				}
				
		banner_bg{
			height:auto;
		}	
			banner_bg ol li img {
				width: 310%;
				height: 100%;
			}
			
		call_to_action{	
			margin-top: -4px;
		}
			call_to_action h1 {
				width: 80%;
				font-size:27px;
			}			
			call_to_action br {
				display: none;
			}		
		
		.c {
			width: 90%;
	}	
	fotic_video{}		
		fotic_video .c div {
			width: 100%;
			height: 183px;
		}
			fotic_video .c div iframe{
				height:100%!important;	
			}
	fotickers{
		margin-top:0;
	}				
		fotickers h2{
			font-size:31px;	
		}
			fotickers h2 span {
				font-size: 24px;
			}		
		#utilizadores {
			height: 110px;
			overflow: hidden;
		}
			#utilizadores .utilizador{
				width:25%;
				height: 100%;	
			}
				#utilizadores .utilizador .foto{
					width:60px;
					height:60px;	
				}
	vantagens, modalidades, designs {
		width: 100%;
		margin-bottom: 20px;
	}	
	fotic_extras ol li{
		width:90%;	
	}	
	plans ol li.plan_box{
		width:90%;	
	}
	newsletter .txt, 
	newsletter .bt{
		padding:20px;
		width:90%;
		text-align:center;	
	}	
	newsletter .bt {
		padding:10px;
		width: 270px;
		margin-top: 1px;
	}	
	news ol li {
		width: 100%;
		margin-bottom: 30px;
	}
	#albuns_publicos ol li{
		width:100%;	
	}
	#profissionais ol li{
		width:100%;	
	}				
}