/*
    Document   : produto.css
    Created on : 29/07/2009, 08:36:57
    Author     : luan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}
/**/
#produto{
    width:99%;
    margin:0 auto;
}
#produto-topo{
    background:#004F6B none repeat scroll 0 0;
    color:white;
	float:left;
    display:inline-block;
    height:37px;
    line-height:37px;
    padding:6px;
    text-align:center;
}
#produto-conteudo{
    width:100%;
    float:left;
    border:1px solid #D1D1D1;
}

#produto-conteiner{
    padding:100px 0 0 80px;
    float:left;
    width:175px;
}
/*estilo da imagem no detalhe do produto*/
#produto-imagem{
    text-align:center;
    float:left;
    width:160px;
    height:205px;

}
.produto-top{
    background:url(../imgs/bg_produto_top.png) no-repeat bottom;
    height:6px;
    width:160px;
}
.produto-bottom{
    background:url(../imgs/bg_produto_bottom.png) no-repeat top;
    height:7px;
    width:160px;
}
.produto-center{
    text-align:center;
    background:url(../imgs/bg_produto_center.png) repeat-y center center;
    height:185px;
    width:160px;
    padding:5px 0 0 0px;
}

/*Disponibilidade*/
.disponibilidade-top{
    background:url(../imgs/bg_disp_top.png) no-repeat bottom;
    height:6px;
    width:450px;
}
.disponibilidade-center{
    background:url(../imgs/bg_disp_center.png) repeat-y;
    height:240px;
    width:450px;
}
.disponibilidade-bottom{
    background:url(../imgs/bg_disp_bottom.png) no-repeat top;
    height:4px;
    width:450px;
}
.disponibilidade-left{
    width:60%;
    float:left;
}


/**/
#produto-nome {
    width:70%;
    float:left;
    padding:40px 0 0 0;
}
#produto-nome span{
    color:#58595B;
    font-size:12px;

}
#produto-autor{
    float:left;
    font-size:10px;
    width:100%;
}

#produto-autor .autor a{
    color:#58595B;
}
#produto-nome strong{
    display:block;
    color:#58595B;
    font-size:12px;

}
#produto-desc strong{
    color:#58595B;

}
#produto-desc{
    font-size:10px;
    float:left;
}
#produto-disponibilidade h5{
    padding:0px;
    margin:0px;
    color:#004F6B;
}
#produto-disponibilidade{
    float:left;
    width:100%;

}
#produto-disponibilidade p{
    font-size:12px;
}
#produto-left{
    float:left;
    width:220px;
    margin:20px 0;

}
#produto-right{
    float:left;
    width:480px;
    margin:20px 0;
}

#produto-links ul{
    font-size:12px;
    padding:0;
    margin:0;
}
#produto-links ul li{
    margin:5px 0;
}

#produto-links {
    float:left;
}
.bg-amarelo a{
    color:#58595b;
    display:block;
}
.bg-amarelo a:hover{
    color:white;
}

.bg-azul a{
    color:white;
}
.bg-azul{
    background:url(../imgs/produto_bt_az.png) no-repeat center center;
    width:218px;
    height:32px;
    text-align:center;
    line-height:32px;
    list-style:none;
}
.bg-amarelo:hover{
    background:url(../imgs/produto_bt_az.png) no-repeat center center;
    width:218px;
    height:32px;
    text-align:center;
    line-height:32px;

}

.bg-amarelo{
    background:url(../imgs/produto_bt_am.png) no-repeat center center;
    width:218px;
    height:32px;
    text-align:center;
    line-height:32px;
    list-style:none;
}



#produto-valor{
    width:150px;
    float:left;
    text-align:left;
    color:#004F6B;
    font-weight:bold;
    height:50px;
    padding-top:5px;


}
.disponibilidade-super{
    height:100px;
    text-align:left;
    padding:10px 20px 5px 20px;

}
.disponibilidade-sub{
    text-align:left;
    padding:10px 20px;
    font-weight:normal;
    font-size:12px;
    color:#58595B

}
#produto-valor .preco-promo{
    font-size:14px;
    font-weight:bold;

}
.disp-por{
    font-size:10px;
    vertical-align:super;
    font-weight:normal;
    color:#58595B;
}
.disp-valor{
    font-weight:normal;
    color:#004F6B;
    font-size:20px;
    line-height:20px;
}

#produto-valor .preco-normal{
    font-size:10px;
    color:#58595B;
    text-align:left;
    font-weight:normal;

}
#produtos-tabela-desc {min-height:96px; width:117px;}

#produto-informacoes-links ul l{

}
#produto-informacoes-links ul li a{
    color:#58595B;
}

#produto-informacoes-links ul li {
	float: left;
    font-size:12px;
    list-style:none;
    text-align:center;
	margin:0 0 0 1px;
	padding:0;
	height:36px;
	line-height:36px;
	border-right:1px solid #ccc;
}
.white{
    color:white !important;
	background:url(../imgs/bg-menuProdutosListagem.png) repeat!important;
	height:32px;
}
.black{
    background:url(../imgs/bg-menuProdutosListagemHover.png) repeat!important;
	height:32px;
}
#produto-informacoes-links{
    background:url(../imgs/bg-menuProduto.jpg) repeat top left;
    color:#004F6B;
    height:36px;
}

#produto-informacoes-links li {
	background:url(../imgs/bg-menuProdutosListagemHover.png) repeat!important;
	float:left;
	margin:0;
	padding:0;
}
#produto-informacoes-links li a {
	display:block;
	padding:0px 15px 4px;
}

#produto-informacoes-links-degustacao ul li {

}
#produto-informacoes-links-degustacao ul li a{
    color:#58595B;
}

#produto-informacoes-links-degustacao ul li{
	float: left;
    font-size:12px;
    display:inline-block;
    list-style:none;
    text-align:center;
    height:34.5px;
    line-height:35.5px;
}
#produto-informacoes-links-degustacaos ul li{
	margin-left: 5px;
}

#produto-informacoes-links-degustacao ul li.sinopse{
    width:130px;
    margin-left:10px;
}
#produto-informacoes-links-degustacao ul li.resenha{
    width:98px;

}
#produto-informacoes-links-degustacao ul li.obras{
    width:185px;
}
#produto-informacoes-links-degustacao ul li.opine{
    width:151px;
}
#produto-informacoes-links-degustacao ul li.recomende{
    width:185px;
}
#produto-informacoes-links-degustacao ul li.sumario{
    width:78px;
}
#produto-informacoes-links-degustacao ul li.degustacao{
    width:130px;
}

#produto-informacoes-links-degustacao{
    background:url(../imgs/produtos_inf_links_degustacao.png) no-repeat top left;
    color:#004F6B;
    width:991px;
    height:35.5px;
}

#produto-informacoes{
    color:#58595B;
    margin:10px auto;
    float:left;
    width:100%;
    border:1px solid #D1D1D1;
    font-size:12px;


}
.produto-sugestoes-topo{
    background:transparent url(../imgs/busca-bg.png) repeat-x scroll center center;
    border-bottom:1px solid #DADADA;
    height:29px;
    line-height:29px;
    text-indent:15px;
}
#produto-sugestoes{
    color:#58595B;
    margin:10px auto;
    float:left;
    width:100%;
    border:1px solid #D1D1D1;
    font-size:12px;


}

input, textarea {
    border:1px solid #D8D8D8;
}
#escrever-resenha{
    color:#58595B;
    font-size:12px;
}
#container-abrir{
    color:#58595B;
    font-size:14px;
}
#produto-comprar a{
    color:white;
}
#produto-comprar{

    font-size:14px;
    height:25px;
    vertical-align:middle;
    width:86px;
    margin-left:20px;

}

.wrapper {
    background-color: #fff;
}
div#nyroModalFull {
    font-size: 12px;
    color: #777;
}
div#nyroModalFull div#nyroModalLoading {
    border: 4px solid #777;
    width: 150px;
    height: 150px;
    text-indent: -9999em;
    background: #fff url(../imgs/ajaxLoader.gif) no-repeat;
    background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
    border: 4px solid #f66;
    line-height: 20px;
    padding: 20px;
    width: 300px;
    height: 100px;
    text-indent: 0;
    background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
    background: #fff;
    border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
    position: absolute;
    display: block;
    top: -13px;
    right: -13px;
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    background: url(../imgs/close.gif) no-repeat;
    outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -22px;
    left: 5px;
    font-size: 12px;
    color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
    padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
    position: relative;
    overflow: hidden;
    text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
    vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    padding: 10px;
    margin: 10px;
    border: 1px white dotted;
    overflow: hidden;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
    z-index: 105;
    outline: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 40%;
    cursor: pointer;
    text-indent: -9999em;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
    height: 60%;
    width: 20%;
}

/*produto sugestão*/
.produto-sugestao {
    margin-top: 30px;
    color: #7D0657;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.produto-sugestao a.sugestao-link{
    display: block;
    text-decoration: none;
    text-align: left;
    font-size: 11px;
    color: #5E6977;
}
.produto-sugestao-top {
    background: url('../imgs/produto_sugestao_top.png') no-repeat bottom;
    height: 10px;
}
.produto-sugestao-conteudo {
    background: url('../imgs/produto_sugestao_fundo.png');
    padding: 5px 30px 5px 30px;
    margin:0 auto;
}
.produto-sugestao-comprado {
	overflow:hidden;
	margin:0 auto;
}

.produto-sugestao-comprado table {margin:0 auto;}

.produto-sugestao-comprado {
    float: left;
    width: 963px;
    color: #59585b;
    font-weight: normal;
	margin:0 auto 20px auto;
	text-align:left;
}

.boxProdutos {
	float:left;
	overflow:hidden;
	width:190px;
	min-height:317px;
}
.produto-sugestao-comprado div img {
    display: block;
    margin:0 auto  10px auto;
}

div.para-valor {
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 117px;
}
.produto-sugestao-comprado div span {
    font-weight: bold;
    font-size: 12px;
	margin:0 auto;
}
.produto-sugestao-bottom {
    background: url('../imgs/produto_sugestao_bottom.png');
    height: 15px;
    margin-bottom: 50px;
}

a.sugestao-link {
	font-size:9px;
	color:#666;
	text-align:center;
	width:117px;
	display:block;
}

tr td #promocoes-bt-compra {
	overflow:hidden;
	float:none;
	height:18px;
	display:block;
}
