/* 

    Document   : estilos.css
    Created on : 15/10/2009, 11:52:29
    Author     : Vagner e Paulo - Acao Direta Web Studio
    Description: CSS - Content Mensageiro Musical

    TODO customize this sample style
    Syntax recommendation http:/www.w3.org/TR/REC-CSS2/

*/

html {
    background-color:#000;
}

h1, h2, h3, h4, h5, h6, th, strong          { font-weight: bolder; }

img,
fieldset	{ border:none; }
body 		{ background: #000 url(../imagens/background-body.gif) repeat-x; font-family:Verdana, Arial, Tahoma, sans-serif; font-size:11px; color:#666; }
h1		{ font-size:18px; }



.content_center,
#content_center { width: 800px;margin: auto; }

/* Container */

#container      { width: 100%; }

/* Header */

#header			{ width:999px; height:145px; position:relative; margin:auto; }
#header a.logo		{ position:absolute; bottom:0; width:176px; height:121px; display:block; background:url(../imagens/logo-mensageiro-musical.jpg) no-repeat; text-indent:-9999px; }

#header_login		{ position:absolute; top:35px; left:180px; width:500px; }
#header_login p		{ color:#999; }
#header_login a		{ color:#CCC; text-decoration:none; }
#header_login a:hover	{ text-decoration:underline; }

#header .chat		{ position:absolute; top:38px; right:230px; }

#header_busca			{ position:absolute; top:45px; right:0; width:200px; background:url(../imagens/search.png) no-repeat; height:18px; }
#header_busca label,
#header_busca legend		{ display:none; }
#header_busca input		{ float:left; width:165px;height:17px; padding:1px 0 0 5px; border:0px; background:none;}
#header_busca input.submit      { width: 28px; cursor:pointer; margin: 0; padding: 0; text-indent: -900%; }

#header p.telefone              { position:absolute; top:4px; left:290px; color:#FFF; }

ul.menu_principal		{ position:absolute; top:4px; right:0; }
ul.menu_principal li            { list-style:none; float:left; border-right:solid 1px #666; padding:0 5px; }
ul.menu_principal li.no_border	{ border-right:none; padding-right:0; }
ul.menu_principal a		{ color:#999999; text-decoration:none; }
ul.menu_principal a:hover	{ text-decoration:underline; }

ul.menu_secoes			{ position:absolute; bottom:30px; right:0; width:820px; height:30px; background:url(../imagens/barra-menu.png) no-repeat; }
ul.menu_secoes li		{ float:left; list-style:none; background:url(../imagens/corte-menu.png) no-repeat top right; padding:0 10px; }
ul.menu_secoes li.no_border	{ background:none; }
ul.menu_secoes a		{ color:#FFF; height:30px; display:block; float:left; line-height:30px; text-decoration:none; }
ul.menu_secoes a:hover		{ color:#CCC; }

/* Content Englobadora */
#content 			{ background:#fff; padding-bottom:10px; min-height:350px; height:auto !important; height:350px}



/* Content Left */

#nav                    { float:left; width:180px; padding-bottom:20px; }
#nav ul                 { width:180px; background:url(../imagens/background-menu-left.jpg) repeat-y; }
#nav ul.navigation	{ border-bottom:1px solid #E1E1E1; margin-bottom: 10px; }
#nav li                 { list-style:none; text-indent:10px;  }
#nav span,
#nav a                  { height:33px; background:url("../imagens/background-titulo-menu-left.3.png") no-repeat; line-height:25px; text-indent:10px; display:block; margin-top:10px; color:#666666; text-decoration:none; line-height:24px; }
#nav a.usados,
#nav a.marca            { height: 24px; }
#nav li li a            { height:auto; background: none; line-height:normal; text-indent: inherit; display: inline; margin-top:auto; }
#nav li li.active a     { font-weight:bold; }
#nav strong.no          { margin-top:0; }
#nav a.second:hover	{ text-decoration:underline; }

/* Content Right */

#content_right		{ margin-left:190px; _float:right; _margin-left:10px; margin-right: 2px; }

#content_right h1,
h2			{ height:31px; font-size:14px; background:url(../imagens/background-h2.png) no-repeat top right; font-weight:bold; letter-spacing:1px; }
#content_right h1 strong,
h2 strong		{ height:27px; display:block; background:url(../imagens/background-titulo-canto-left.png) no-repeat top left; font-weight:normal; padding:4px 0 0 10px; }

#slide_home		{ height:250px; margin-bottom:10px; }
#slide_home p		{ text-align:center; line-height:250px; font-size:20px; }

div.produtos_destaque		{ height:200px; border-bottom:1px dotted #ccc; margin:0 0 20px 0; }
div.produtos_destaque img	{ float:left; margin:0 10px 0px 20px; padding-bottom:20px; }
div.produtos_destaque p 	{ font-size:14px; }
div.produtos_destaque p a	{ font-size:24px; color:#900;text-decoration:none; }
div.produtos_destaque p a:hover	{ text-decoration:underline;  }
div.produtos_destaque p.preco_destaque2 strong      { font-size:14px; color:#900;  }
div.produtos_destaque p.parcelas_destaque2 span     { font-size:22px; color:#000; }
div.produtos_destaque p.parcelas_destaque2 strong   { font-size:14px; color:#000; }
div.produtos_destaque a.bt_destaque             { display:block; padding:3px; background: #EAEAEA; color:#000; float:left; text-decoration:none; margin-top:5px; border:1px solid #DBDBDB; color:#808080;  }
div.produtos_destaque a.bt_destaque:hover	{ color:#900;  }

#produtos,
#produto                     { border:solid 2px #CCCCCC; border-top:none; padding:30px 0 0px 0; }
#produtos ul			{ width: 100%; overflow:hidden; }
#produtos ul.fisrt		{ background:url(../imagens/background-linha-pontilhada.png) repeat-x bottom left; margin-bottom:10px; padding-bottom:10px; }
#produtos li              	{ width:24%; float: left; list-style:none; display:block; height:260px; }
#produtos li a                  { display:block; text-align:center; color:#990000; text-decoration:none; font-weight:bold; width:80%; margin:auto; margin-bottom:15px; }
#produtos li a:hover		{ text-decoration:underline; }
#produtos li a img		{ margin-bottom:0; }
#produtos li a.margin_top	{ margin-top:15px; margin-bottom:0; }
#produtos li p strong           { display:block; text-align:center; }

#produtos h3			{ font-size:15px; padding:10px 0 0 10px; }
#produtos h3	a		{ color:#999; text-decoration:none; }
#produtos h3	a:hover		{ color:#900; text-decoration:none; }
#produtos p.veja_mais           { padding:0 0 20px 0; }
#produtos p.veja_mais a         { color:#900; font-size:10px; text-decoration:none; background:url(../imagens/mais.gif) no-repeat; padding-left:17px; margin:0 0 0px 10px; }
#produtos p.veja_mais a:hover   { text-decoration:underline; }

#produto div.foto_produto        { width:300px; height:290px; margin-left:10px; float:left;  }
#produto div.foto_produto a      { color:#900; text-decoration:none; }
#produto div.foto_produto a:hover{ color:#900; text-decoration: line-through; }
#produto #codigo_valor              { float:left; width:300px; height:290px;   }
#produto #codigo_valor p        { font-size:14px; font-family:Tahoma, Geneva, sans-serif; }
#produto #codigo_valor p.cor_vermelha	{ color:#900; }
#produto #codigo_valor p#parcelas       { font-size:11px; }
#produto #codigo_valor a#bt_comprar	{ width:161px; height:36px; display:block; background:url(../imagens/botao-comprar.png) no-repeat; color:#FFF; text-align:center; line-height:36px; text-decoration:none; font-size:15px; font-weight:bold;  }
#produto #codigo_valor a#bt_comprar:hover	{ color:#CCC;  }

#produto #dados_produto 	{ width:100%; border-bottom:1px dotted #666; height:320px;  }

legend.tipo1,
#produto legend	{ color:#999; font-size:18px; padding:10px 0; font-weight: bold;  }

legend.destacar { color:#990000; }

/* tabelas */

table.tabela			{ width:100%; border-collapse:collapse; border:1px solid #636363;  }
table.tabela thead		{ font-size:16px; background:#333333; color:#FFF; text-align:left;  }
table.tabela thead th		{ padding:5px 5px 5px 0; text-align:left; border-bottom:1px dotted #666666; }
table.tabela tbody tr 		{ font-size:12px; }
table.tabela tbody th   	{ border-bottom:1px dotted #666666; }
table.tabela tbody th a 	{ color:#666; text-decoration:underline; }
table.tabela tbody th a:hover   { color:#000; text-decoration:none; }
table.tabela tbody th img	{ vertical-align:middle; }
table.tabela tbody td		{ border-bottom:1px dotted #666666; color:#900; }
table.tabela tbody td.quant_n   { font-size:10px; color:#666; }
table.tabela tbody input.botao_quant         { font-size:11px; color:#666; text-decoration:none; border:none; background:none; background:url(../imagens/alteracao.gif) no-repeat; padding-left:12px; margin-bottom:3px; }
table.tabela tbody input.remover			{ background:url(../imagens/exclusao.gif) no-repeat;  }
table.tabela tbody input.botao_quant:hover   { color:#000; }
table.tabela tbody input.quantidade          { background:none; border:1px solid  #000; width:30px; margin:0 10px 0 0; text-align: right; padding: 0 2px; }

table.tabela tfoot	{ font-size:12px; color:#666666; font-weight:bold;   }
table.tabela tfoot th,
table.tabela tfoot td	{ padding:5px; border-bottom:1px dotted #666666;   }
table.tabela .clareia1 	{ background: #F9F9F9;  }
table.tabela .clareia2 	{ background: #F3F3F3  }
table.tabela .clareia3 	{ background: #E4E4E4; color:#000;  }

.odd                    {  background: #E9E9E9; }

/* Style for Usual tabs */
.usual 				{ color:#111;  padding:15px 0px;  width:99%; background:url(../imagens/fundo-abas-caracteristica.png) repeat-x; margin-left:5px;   }
.usual h3			{ font-size:14px; margin-bottom:15px; }
.usual .idTabs li 		{ list-style:none; float:left; width:120px; text-align:center }
.usual .idTabs a 		{ display:block;  padding:6px 10px;  text-decoration:none!important;  margin:1px;  margin-left:0;   color:#666;  background: url(../imagens/abas-caracteristicas.png) top left no-repeat;}
.usual .idTabs a:hover          { color:#000;  background: url(../imagens/abas-caracteristicas.png) bottom left no-repeat;  }
.usual .idTabs a.selected 	{ margin-bottom:0;  color:#000;  border-bottom:1px solid #E5E5E5;  cursor:default; background: url(../imagens/abas-caracteristicas-selected.png) top left no-repeat;  }
.usual .usualContent            { padding:10px 10px 8px 10px;   margin-top:27px; *margin-top:42px;   background:#E5E5E5; }
.usual .usualContent a          { color:#000; font-weight:bold; }
.usual .usualContent ul         { margin-left:20px; }


/* Formularios */

input,
textarea,
select                          { border:1px solid #4B5554; }
input#enviar                    { width:80px; height:18px; background:#7C8587; border: 1px solid #4B5554; color:#fff; line-height:18px; }
.formulario			{ width:550px;  margin-left:20px;}
.formulario fieldset            { border:none;  }
.formulario label		{ width:110px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#000; }
input.tipo1,
.formulario input		{ width:370px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
.formulario input.radio,
.formulario input[type="radio"] { width: auto; margin: 0; padding: 0; border: none; }
.formulario textarea            { width:375px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; }
input.submit,
input.submit        { padding:3px; width:100px; background:#666; border: solid 1px #CCC; color:#fff; letter-spacing:1px;  width:auto; margin-left:120px; }


form.form_cadastre_se select	{ background:#E6E6E6; border: solid 1px #CCC; }

ul.errors					{ margin-left:130px; }
ul.errors li					{ color:#900; list-style:square }





/********************** Como comprar ******************************/

div#ultimos_cadastros 				{ width:615px;	background-color:#770000;	position:relative; height:255px;}
div#ultimos_cadastros div.left, div#ultimos_cadastros div.right {	position:absolute;	top:100px;	color:#FFF;	font-weight:bold;	width:11px;	height:20px;	color:#8f1b02;	cursor:pointer;}
div#ultimos_cadastros div.right 	{ left:0px;	background:url('../imagens/como-comprar/volta.png') no-repeat;	 height:40px; width:22px; overflow:hidden; text-indent:9000px;}
div#ultimos_cadastros div.left 		{ right:0px; background:url('../imagens/como-comprar/vai.png') no-repeat; height:40px; width:22px; overflow:hidden; text-indent:-9000px;}
div#ultimos_cadastros div.scroll 	{ width:95%;	height:200px;	margin:10px auto;}
div#ultimos_cadastros div.item 		{ width:575px;	height: 245px;	background-color:#FFFFFF;	margin:6px;	float:left;	color:#666666; position:relative;}
div#ultimos_cadastros div.item p 	{ text-align:center;}
div#ultimos_cadastros div.item p.title { font-weight:bold; font-size:14px}
div#ultimos_cadastros div.item p.comment { text-align:left; padding:3px;}
div#ultimos_cadastros div.item img	{ margin:10px auto;	display:block;}
div#ultimos_cadastros div.item a 	{ background:#665A35 url(../imagens/fundo-botao-ultimoscadastro.jpg) repeat-x;	display:block;	bottom:10px;	position:absolute;	width:100px;	height:18px;	margin:auto 15px;	text-align:center;	color:#FFFFFF;	font-weight:bold;	text-decoration:none;}


/* Footer */
#footer              { width:980px; height:110px; margin:auto; clear:both; margin: 12px auto 0; position: relative; }
#footer ul           { position:absolute; top:5px; left:110px; }
#footer li           { list-style:none; float:left; border-right:solid 1px #666; padding:0 5px;}
#footer li.no        { border:none; }
#footer a            { color:#999999; text-decoration:none; }
#footer a:hover      { text-decoration:underline; }
#footer p            { position:absolute; bottom:10px; left:0; }
#footer img          { position:absolute; bottom:5px; right:0; }
#footer img.pagamento	{ position:absolute; bottom:40px; right:415px; }


/*  Clearfix */
.clearfix:after         { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix               { display: inline-block; }
html[xmlns] .clearfix   { display: block; }
* html .clearfix        { height: 1%; }


/* Alinhadores */
.right  { text-align:right; }
.left   { text-align:left; }
.center { text-align:center; }
.nowrap { white-space:nowrap;}