@charset "utf-8";
/* CSS Document */

/*############################################### RESET ###############################################*/

*{
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
	list-style:none;
	line-height:normal;
	font-size:inherit;
}

input{
	border:none;
	line-height:normal;
}

/*############################################### GERAL ###############################################*/

body{
	background:url(img/bg_cabecalho.png) top repeat-x #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
}

h2{
    display: inline-block;
    /* text-indent: -99999px; */
    height: 23px;
    width: inherit !important;
    margin-left: 0px;
    margin-bottom: 17px;
    color: #39bb9d;
    font-size: 19px;
	background:none !important;
}

h3{
	font-size:15px;
	font-weight:bold;
	color:#7b7b7b;
}

h4{
	font-size:12px;
	font-weight:bold;
	color:#39bb9d;
}

input, select{
	border:#b6b6b6 1px solid;
	background:#f6f6f6;
	height:16px;
}

textarea{
	border:#b6b6b6 1px solid;
	background:#f6f6f6;
}

a{
	color:#666;
	text-decoration:none;
}

/*############################################# ESTRUTURA #############################################*/

div#container{
	width:100%;
	height:100%;
}

div#corpo{
	width:100%;
	min-width:1231px;
	min-height:850px;
	position:relative;
	padding-top:20px;
}

div#cabecalho{
	padding:22px;
	height:128px;
	min-width:1187px;
}

div#aviso{
	width:100%;
	min-width:1231px;
	margin:21px 0px 0px 0px;
	font-size:10px;
}

div#aviso div{
	text-align:center;
	padding:15px 20px;
	background:#eeeeee;
	border: 1px solid #d3d3d3;
}

div#aviso div a{ font-weight:bold;}
div#aviso div a:hover{ text-decoration:underline;}

div#rodape{
	width:100%;
	min-width:1231px;
	height:126px;
	padding:23px 0px 0px 0px;
	background:url(img/bg_rodape.png) repeat-x;
	margin:19px 0px;
	text-align:center;
}

/*********************************************** Classes ***********************************************/

.clear{
	clear:both;
	line-height:0px;
	display:block;
}

.mais_detalhes{
	display:inline-block;
	text-indent:-99999px;
	width:101px;
	height:22px;
	background:url(img/mais_detalhes.png) no-repeat;
	border:0px;
	float:left;
	margin-top:11px;
}

.carrinho_add{
	display:inline-block;
	text-indent:-99999px;
	width:35px;
	height:34px;
	background:url(img/carrinho_add.png) no-repeat;
	border:0px;
	float:right;
}

.sub_categorias{
	font-size:11px;
	letter-spacing:-1px;
	color:#000;
	margin:0px 0px 5px 19px;
}

.sub_categorias a{color:#000;}

.ondeveio{float:left;}

.ondeveio span{color:#000;}

.ondeveio span a{
	color:#39bb9d;
	font-weight:bold;
}

.ondeveio a{
	color:#000;
	font-weight:normal;
}

.produtos{margin:0px auto;}

.produtos li{
	display:inline-block;
	width:186px;
	padding:17px;
	background:url(img/bg_menu_side.png) no-repeat;
	float:left;
	margin:0px 1.9%;
}

.produtos li span{
	display:inline-block;
	width:184px;
	height:50px;
	font-size:13px;
	font-weight:bold;
	color:#747474;
}

.produtos li div{
	width:184px;
	height:149px;
	border:#bbbbbb 1px solid;
	background:#FFF;
	margin:10px 0px 12px 0px;
	text-align:center;
	overflow:hidden;
}

.produtos li div a{
	display:inline-block;
	width:184px;
	height:149px;
}

.produtos li strong{
	font-size:13px;
	color:#000;
}

.espaco_menu{
	display:inline-block;
	line-height:7px;
}

.voltar{margin-top:30px;}

/********************************************** Cabecalho **********************************************/

#logo{
	background:url(img/logo_unetrade.png) no-repeat;
	background-size:contain;
	display:inline-block;
	width:330px;
	height:86px;
	margin-top: 20px;
	text-indent:-99999px;
	float:left;
}

#logo.natal{
	background:url(img/logo_natal.png) no-repeat !important;
	width:202px !important;
	height:124px !important;
	margin-top:-9px !important;
	margin-left:0px !important;
}

div#banner{
	width:721px;
	height:130px;
	margin:0px auto;
}

div#area_restrita{
	width:192px;
	height:108px;
	margin:10px;
	float:right;
}

div#area_restrita p{
	height:47px;
	padding-top:2px;
	margin-top:7px;
	line-height:20px;
	float:left;
}

div#area_restrita div{
	background:url(img/user.png) no-repeat right;
	height:49px;
	width:43px;
	float:right;
	margin-top:7px;
}

div#area_restrita span{
	display:inline-block;
	width:189px;
	letter-spacing:-1px;
	text-align:right;
	padding-right:3px;
	margin-top:23px;
}

div#area_restrita label{
	float:left;
	margin-top:9px;
}

div#area_restrita span a:hover{ text-decoration:underline;}

#login_usuario{
	float:left;
	margin-top:9px;
	width:142px;
}

#login_senha{
	float:left;
	width:93px;
	margin-top:9px;
}

#btn_OK{
	background:url(img/btn_OK.png);
	width:43px;
	height:22px;
	border:0px;
	margin:7px 2px 0px 0px;
	float:right;
}

div#cabecalho label{ margin-right:5px;}

/************************************************ Menu *************************************************/

div#menu{
	background:url(img/bg_menu.png) repeat-x;
	width:100%;
	height:45px;
	margin-top:4px;
	min-width:1231px;
}

div#menu ul{
	float:left;
	/*margin-left:22px;*/
}

div#menu ul li{
	float:left;
	text-align:center;
	padding:6px 27px 0px 27px;
	margin-top:6px;
	height:27px;
	background:url(img/bg_menu_separador.png) no-repeat center right;
}

div#menu span{
	float:right;
	margin:11px 22px 0px 0px;
}

#pesquisa{
	width:192px;
	height:23px;
	background:url(img/bg_pesquisa.png) no-repeat;
	border:0px;
	padding:0px 10px;
	float:left;
	outline:none;
}

#btn_buscar{
	width:64px;
	height:22px;
	background:url(img/btn_buscar.png) no-repeat;
	border:0px;
	margin-left:6px;
	float:left;
}

/******************************************** Menu-Lateral *********************************************/

div#menu_side{
	width:220px;
	margin-top:14px;
	position:absolute;
	top:0px;
	left:0px;
}

div#menu_side ul li{
	min-height:125px;
	width:100%;
	margin-bottom:-95px;
	padding-top:15px;
	text-align:center;
	background:url(img/bg_menu_side.png) no-repeat;
}

div#menu_side ul li h4{margin-bottom:5px;}

div#menu_side ul li #categorias{
	margin-top:11px;
	padding-bottom:95px;
}

div#menu_side ul li #categorias li{
	display:inline-block;
	min-height:10px;
	width:184px;
	margin-bottom:0px;
	padding-top:0px;
	text-align:left;
	background:none;
}

/********************************************* Utilidades **********************************************/

div#utilidades{
	width:220px;
	margin-top:14px;
	position:absolute;
	top:0px;
	right:0px;
}

div#utilidades ul li{
	min-height:45px;
	width:182px;
	margin-bottom:-15px;
	padding:15px 19px 0px 19px;
	text-align:center;
	background:url(img/bg_menu_side.png) no-repeat;
}

#carrinho, #newsletter, #parcerias{
	width:182px;
	min-height:48px;
	margin-top:15px;
	text-align:left;
	letter-spacing:-1px;
}

div#utilidades ul li #carrinho h4{
	float:left;
	margin-top:6px;
}

div#utilidades ul li #carrinho a:hover{text-decoration:underline;}

div#utilidades ul li #carrinho p{
	color:#000;
	float:left;
}

div#utilidades ul li #carrinho img{float:right;}

#newsletter input{
	margin-top:9px;
	width:137px;
}

#btn_news{
	width:67px;
	height:22px;
	background:url(img/btn_news.png) no-repeat;
	border:0px;
	margin:0px 0px 6px 37px;
}

#parcerias{
	text-align:center;
	margin-bottom:11px;
}

#parcerias img{margin-bottom:10px;}

#midias{margin:15px 0px 3px 0px;}

#midias img{margin:0px 5px;}

#pagamento{
	margin:15px 0px 3px 0px;
	text-align:left;
}

#pagamento img{margin:0px 4px 3px 0px;}

/********************************************** Conteúdo ***********************************************/

div#conteudo{margin:0px 240px 20px 240px;}

div#conteudo div{padding-left:1%;}

/*********************************************** Rodapé ************************************************/

div#rodape h4{margin-bottom:5px;}

div#rodape a:hover{ text-decoration:underline;}

div#rodape p{ margin-bottom:19px;}

/*############################################## PAGINAS ##############################################*/

/************************************************ Home *************************************************/

div#conteudo_home h2{/*background:url(img/destaques.png?v=1) no-repeat left top;*/ color:#39bb9d;}

/********************************************** Serviços ***********************************************/

div#conteudo_servicos h2{background:url(img/servicos.png?v=1) no-repeat left top;}

/********************************************** Produtos ***********************************************/

div#conteudo_produtos h2{background:url(img/produtos.png?v=1) no-repeat left top;}

/********************************************* Congressos **********************************************/

div#conteudo_congressos h2, div#conteudo_galeria h2{background:url(img/congressos.png?v=1) no-repeat left top;}

div#conteudo_congressos ul li{
	display:inline-block;
	width:204px;
	height:154px;
	float:left;
	margin:1.9%;
	border:#cccccc 1px solid;
	padding:6px;
	text-align:center;
}

div#conteudo_congressos ul li span{font-weight:bold;}

div#conteudo_congressos ul li img{margin-top:6px;}

/******************************************** Certificados *********************************************/

div#conteudo_certificados h2{background:url(img/certificados.png?v=1) no-repeat left top; width:121px;}

div#conteudo_certificados ul li{
	display:inline-block;
	width:100%;
	padding:17px;
	background:url(img/bg_menu_side.png) no-repeat left top;
	float:left;
	margin:0px 10px 10px 0px;
}

div#conteudo_certificados ul li div{
	width:172px;
	height:44px;
	border:#bbbbbb 1px solid;
	background:#FFF;
	text-align:center;
	overflow:hidden;
	padding:6px;
	margin-right:27px;
	float:left;
}

div#conteudo_certificados p{line-height:20px;}

/********************************************** Galeria ************************************************/

div#conteudo_galeria ul{
	display:inline-block;
	width:100%;
}

div#conteudo_galeria ul li{
	float:left;
	margin:0px 1% 2% 1%;
	width:160px;
}

div#conteudo_galeria ul li span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

div#conteudo_galeria #foto_principal{
	width:100%;
	float:left;
}

div#conteudo_galeria #foto_principal img{
	float:left;
	border:#cccccc 1px solid;
	padding:6px;
	margin:0px 20px 20px 0px;
}

/********************************************** Contato ************************************************/

div#conteudo_contato h2{background:url(img/contato.png?v=1) no-repeat left top;}

div#conteudo_contato div{
	float:left;
	width:40%;
	margin-top:10px;
}

div#conteudo_contato input, #conteudo_contato select{color:#666;}

#conteudo_contato textarea{
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	min-height:77px;
	min-width:254px;
	max-height:77px;
	max-width:254px;
}

#btn_enviar{
	width:67px;
	height:22px;
	background:url(img/btn_news.png) no-repeat;
	border:0px;
	margin:0px 0px 0px 0px;
}

#conteudo_contato label{
	display:inline-block;
	width:70px;
	text-align:right;
	margin-bottom:10px;
}

/********************************************** Carrinho ***********************************************/

.atencao{
	border:#ddd 1px solid;
	padding:3px 0px;
	margin-top:28px;
}

div#conteudo_carrinho .atencao_div{
	background:#f2ffe1;
	border:#f1f1f1 1px solid;
	padding:3px;
}

div#conteudo_carrinho .atencao div{	padding:3px;}

div#conteudo_carrinho .atencao span{
	display:inline-block;
	background:#e2e2e2;
	padding:5px 10px;
	font-weight:bold;
	margin-left:0px !important;
}

div#conteudo_carrinho ul li{
	float:left;
	padding:5px 10px;
	display:inline-block;
	height:17px;
	margin-right:4px;
}

div#conteudo_carrinho .box_qtd_carrinho{
	border:#b6b6b6 1px solid;
	background:#f6f6f6;
	text-align:center;
	color:#999;
	font-weight:bold;
	font-size:10px;
	height:13px;
}

div#conteudo_carrinho #atualizar{
	border:0px;
	background:none;
	margin:0px;
	float:right;
	height:13px;
}

div#conteudo_carrinho .item1{width:50%;}
div#conteudo_carrinho .item2{width:30%;}
div#conteudo_carrinho .item3{width:8%;}
div#conteudo_carrinho .item4{width:3%;}
div#conteudo_carrinho .item5{width:45%; margin-right:0px; text-align:left !important; font-weight:normal !important;}
div#conteudo_carrinho .item5 strong{ color:#F00;}

.final_cart{
	background:#f2f2f2;
	padding:10px 10px;
	margin-top:4px;
	width:97.2%;
}

.final_cart .linha_horizontal{
	border-bottom:#999 1px solid;
	margin-bottom:10px;
}

.final_cart span{
	margin-right:4px;
	background:none !important;
	text-align:right;
}

.final_cart #status_valor{
	float:right;
	text-align:left;
	width:46.9%;
	margin-top:5px;
}

.final_cart #status_valor strong{color:#F00;}

.final_cart #fin_pedido{
	border:0px;
	width:127px;
	height:36px;
}

/**************************************** Carrinho Fecha Pedido ****************************************/

.fin_pedido_bt{
	background:none !important;
	border:0px !important;
	width:144px !important;
	height:27px !important;
}

div#carrinho_fecha .atencao_div{
	background:#f2ffe1;
	border:#f1f1f1 1px solid;
	padding:3px;
}

div#carrinho_fecha .atencao div{padding:3px;}

div#carrinho_fecha .atencao span{
	display:inline-block;
	background:#e2e2e2;
	padding:5px 10px;
	font-weight:bold;
	margin-left:0px !important;
}

div#carrinho_fecha .item1{width:67%;}
div#carrinho_fecha .item2{width:19%;}
div#carrinho_fecha .item3{width:8%;}

div#carrinho_fecha ul li{
	float:left;
	padding:5px 10px;
	display:inline-block;
	height:13px;
	margin-right:4px;
}

div#carrinho_fecha label{
	display:inline-block;
	text-align:right;
	width:100px;
	margin:5px 5px 0px 0px;
}

div#carrinho_fecha .divisao{
	float:left;
	height:138px;
	width:45%;
}

/******************************************** Cadastre-se **********************************************/

div#conteudo_cadastro h2{background:url(img/cadastre-se.png?v=1) no-repeat left top;}

div#conteudo_cadastro label{
	display:inline-block;
	width:200px;
	text-align:right;
	margin:0px 5px 10px 0px;
}

div#conteudo_cadastro #cadastrar{
	width:81px;
	height:22px;
	background:url(img/btn_cadastrar.png) no-repeat;
	border:0px;
	margin:0px 0px 0px 0px;
}

/******************************************** Meus Dados  **********************************************/

div#conteudo_meusdados h2{
	background:url(img/meus_dados.png) no-repeat left top;
	width:127px;
}

div#conteudo_meusdados label{
	display:inline-block;
	width:200px;
	text-align:right;
	margin:0px 5px 10px 0px;
}

div#conteudo_meusdados #alterar{
	width:65px;
	height:22px;
	background:url(img/btn_alterar.png) no-repeat;
	border:0px;
	margin:0px 0px 0px 0px;
}

/****************************************** Carrinho Consulta ******************************************/

div#conteudo_consulta .atencao span{
	display:inline-block;
	background:#e2e2e2;
	padding:5px 10px;
	font-weight:bold;
}

div#conteudo_consulta .item1{width:52%;}
div#conteudo_consulta .item2{width:32%;}
div#conteudo_consulta .item3{width:8%; margin-right:0px;}

div#conteudo_consulta ul li{
	float:left;
	padding:5px 10px;
	display:inline-block;
	height:13px;
	margin-right:4px;
}

div#conteudo_consulta .final_cart, #conteudo_pagamento .final_cart{
	background:#f2f2f2;
	padding:10px 10px;
	margin-top:4px;
}

div#conteudo_consulta .final_cart .linha_horizontal, #conteudo_pagamento .final_cart .linha_horizontal{
	border-bottom:#999 1px solid;
	margin-bottom:10px;
}

div#conteudo_consulta .final_cart span, #conteudo_pagamento .final_cart span{
	margin-right:4px;
	background:none;
	text-align:right;
}

div#conteudo_consulta .final_cart strong, #conteudo_pagamento .final_cart strong{
	display:inline-block;
	width:130px;
	text-align:right;
	margin-right:5px;
}

/****************************************** Produto Detalhes *******************************************/

div#conteudo_detalhes h2{
	background:url(img/detalhes.png?v=1) no-repeat left top;
	width:209px;
}

div#conteudo_detalhes #foto{
	display:inline-block;
	width:186px;
	padding:17px;
	background:url(img/bg_menu_side.png?v=1) no-repeat;
	float:left;
	margin:0px 20px 0px 0px;
}

div#conteudo_detalhes #foto div{
	width:184px;
	height:149px;
	border:#bbbbbb 1px solid;
	background:#FFF;
	margin:10px 0px 12px 0px;
	text-align:center;
}

div#conteudo_detalhes #foto div a{
	display:inline-block;
	width:184px;
	height:149px;
}

div#conteudo_detalhes div span{
	color:#39bb9d;
	font-size:13px;
}

div#conteudo_detalhes #preco{
	display:inline-block;
	width:200px;
	height:34px;
	padding:5px 10px;
	background:url(img/bg_preco.png?v=1) no-repeat;
}

div#conteudo_detalhes #preco a{float:right;}

div#conteudo_detalhes #preco strong{
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	display:inline-block;
	margin-top:10px;
}

div#conteudo_detalhes #preco span{
	float:left;
	color:#666;
}

/***************************************** Carrinho Pagamento ******************************************/

div#conteudo_pagamento .atencao span{
	display:inline-block;
	background:#e2e2e2;
	padding:5px 10px;
	font-weight:bold;
}

#login_acessar{
	background:url(img/btn_OK.png?v=1);
	width:43px;
	height:22px;
	border:0px;
}

/******************************************* Compra Sucesso ********************************************/

#conteudo_compra_sucesso input{
	border:0px;
	width:468px;
	height:60px;
}

/******************************************** Localização **********************************************/

div#conteudo_localizacao h2{
	background:url(img/localizacao.png?v=1) no-repeat left top;
	width:120px;
}

div#conteudo_localizacao iframe{margin:0px 5%;}

/******************************************* Esqueci Senha *********************************************/

div#conteudo_esqueci h2{
	background:url(img/recuperar.png?v=1) no-repeat left top;
	width:173px;
}

div#conteudo_esqueci #recuperar{
	width:88px;
	height:22px;
	background:url(img/btn_recuperar.png?v=1) no-repeat;
	border:0px;
	margin:0px 0px 0px 0px;
}

div#conteudo_esqueci p a:hover{text-decoration:underline;}

/********************************************* Políticas ***********************************************/

div#conteudo_privacidade h2{
	background:url(img/politica_privacidade.png?v=1) no-repeat left top;
	width:230px;
}

div#conteudo_compra h2{
	background:url(img/politica_compra.png?v=1) no-repeat left top;
	width:195px;
}

div#conteudo_entrega h2{
	background:url(img/politica_entrega.png?v=1) no-repeat left top;
	width:191px;
}

div#conteudo_pagamento h2{
	background:url(img/politica_pagamento.png?v=1) no-repeat left top;
	width:226px;
}

div#conteudo_troca h2{
	background:url(img/politica_troca.png?v=1) no-repeat left top;
	width:316px;
}

/************************************* Carrinho forma pagamento ****************************************/

div#conteudo_pagamento .atencao div{padding:3px;}

div#conteudo_pagamento .atencao span{
	display:inline-block;
	background:#e2e2e2;
	padding:5px 10px;
	font-weight:bold;
	margin-left:0px !important;
}

div#conteudo_pagamento .item1{width:67%;}
div#conteudo_pagamento .item2{width:19%;}
div#conteudo_pagamento .item3{width:8%;}

div#conteudo_pagamento ul li{
	float:left;
	padding:5px 10px;
	display:inline-block;
	height:13px;
	margin-right:4px;
}