/*
    Document   : produtos
    Created on : 30/07/2009, 17:12:36
    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;
}

.galeria-rt-topo{
    font-size:14px;
    color: #004F6B;
    margin:15px 0;
    width:90%;
}


/*PROMOÇÕES*/
#produtos-topo{
	width:150px;
	height:38px;
	background:#004F6B;
	color:white;
	text-align:center;
	line-height:38px;
}
#produtos-conteudo{
        width:95%;
	padding:0 0 65px 40px;
	border:1px solid #CECECE;
	float:left;

}
/*FECHA LANCAMENTOS*/
/*PROMOÇÕES*/
#produtos-produto{
	float:left;
	height:300px;
	padding:10px;
	width:165px;
}
#produtos-titulo{
	margin:15px 0 0 0 ;
	font-size:9px;
	color:#58595B;
	text-align:center;
}
#produtos-imagem{
	margin:10px auto;
	width:156px;
	width:100px;
}
#produtos-desc{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#produtos-bt-compra{
	margin:10px auto;
	width:59px;
	height:17px;
	background:url(../imgs/bt_comprar.png) no-repeat center center;
	font-size:10px;
	text-align:center;
	line-height:14px;
}
#produtos-bt-compra a{
	color:white;
}
.amarelo{
    background:#FFD52E;
}
.cinza{
    background:#f5f4f3;
}
.item-lista .imagem{
	float: left;
}

.item-lista .imagem table{
	height: 100%;
}

.container-desc .autor{
    color:#58595B;
    float:left;
    font-size:12px;
    height:25px;
}
.paginator-bg a{
    color:#58595B;
}
.paginator{
	float: none;
	width: 95%;
	text-align: center;
	color: #58595b;
	font-weight: bold;
	float:left;
        margin:50px auto;
        border-top:1px solid #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        padding:2px 0;
}

.paginator-info{
	height: 20px;
	padding-right: 5px;
}

.paginator span.textos a{
	color:#5E6977;
	text-decoration:none;
}

.paginator strong{
	color:#910B72;
}

.item-lista{
	width: 90%;
	color: #58595b;
	font-size: 12px;
	clear: both;
        height:127px;
}

* html .item-lista{
	width: 620px;
}

.item-lista .imagem{
	float: left;
	width: 115px;


}

.item-lista .imagem table{
	height: 100%;
}

.item-lista .container-desc{
	float: left;
	margin-left: 10px;
	margin-top:4px;
	width:74%;
}


.item-lista .container-desc .titulo a{
	color: #58595B;
}



.item-lista .container-desc .titulo .secundario{
	display: block;
	font-size: 10px;
}

.item-lista .container-desc .autor{
	padding-top: 10px;
	padding-bottom: 10px;
}

.item-lista .container-desc .precos{
	float: right;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}


.item-lista .container-desc span.preco-para{
	font-size: 18px;
	color: #58595B;
}

.item-lista .container-desc .options{
	clear: both;
}

.item-lista .container-desc .options .saiba-mais{
	float: left;
	font-weight: bold;
}

.item-lista .container-desc .options .saiba-mais a{
	text-decoration: none;
	color: #58595b;
}

.item-lista .container-desc .options .saiba-mais img{
	vertical-align: middle;
}

.item-lista .container-desc .options .comprar{
	float: right;
}





#produtos-tabela-topo{
	width:150px;
	height:38px;
	background:#004F6B;
	color:white;
	text-align:center;
	line-height:38px;
}
#produtos-tabela-conteudo{
    float:left;
}
/*FECHA LANCAMENTOS*/
/*PROMOÇÕES*/
#produtos-tabela-produto{
	float:left;
	height:325px;
	padding:10px;
	width:165px;
}
#produtos-tabela-titulo{
	margin-bottom:10px;
	font-size:9px;
	color:#58595B;
	text-align:center;
}
#produtos-tabela-imagem{
	margin:10px auto;
	width:156px;
	width:100px;
}
#produtos-tabela-desc{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#produtos-tabela-desc .de-valor{
    font-size:10px;
    text-decoration:line-through;

}
.produtos-tabela-bt-compra {
	margin:5px auto;
	width:59px;
	height:17px;
	background:url(../imgs/bt_comprar.png) no-repeat center center;
	font-size:10px;
	text-align:center;
	line-height:14px;
}
.produtos-tabela-bt-compra a{
	color:white;
}
#produtos-tabela-separador{
	margin:0 auto;
	width:131px;
	height:2px;
}

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%;
}

.linkfoto {
    background: url("../imgs/lupa.png") no-repeat scroll 0 0 transparent;
    border: 0 solid;
    color: #999999;
    display: block;
    font-size: 11px;
    margin: 0 auto;
    padding: 1px 6px;
    text-align: right;
    text-decoration: none;
    width: 107px;
}