﻿/* ============ GERAL =========== */
a
{
    cursor:pointer;
}

.imgEditora
{
    width:113px;
    height:61px;    
    background:url('../Images/cabecalho/topo_editora.png');
    background-size:100%;
    display:block;
    float:left;
    margin-top:14px;
    margin-right:15px;
}

.qtdSub
{
    background:#FFF url('../Images/ico_qtd_menos.gif') no-repeat;
    background-size:100%;
}

.qtdAdd
{
    background:#FFF url('../Images/ico_qtd_mais.gif') no-repeat; 
    background-size:100%;

}
.qtd
{
    border:none;
    width:15px;
    height:15px;
}
.imgEditora:hover
{
    background:url('../Images/cabecalho/topo_editora_hover.png');
    background-size:100%;
}

.imgUfrgs
{
    width:113px;
    height:61px;    
    background:url('../Images/cabecalho/topo_ufrgs.png');
    background-size:100%;
    display:block;
    float:left;
    margin-top:10px;
    margin-left:10px;
}

.imgUfrgs:hover
{
    background:url('../Images/cabecalho/topo_ufrgs_hover.png');
    background-size:100%; 
}
a:visited
{
    color:#444444;
}
.paginas
{
    margin-top:2px;
    margin-bottom:8px;
    height:20px;
    float:left;
    /*width:650px;*/
    width:700px;
    text-align:right;
}
.field1
{
    text-align:right;
}
.lblEsgotado
{
    color:#CB0000;
    font-size:15px !important;
    font-weight:bold !important;
    font-style:normal !important;
    border-top:2px solid;
    border-bottom:2px solid;
}
.paginas a
{
    color:gray; 
}
input[type="submit"], input[type="reset"]
{
    cursor:pointer;
}
input[type="text"], input[type="email"],  input[type="password"], select 
{
    padding:2px;
    /*
    border:1px solid #d5d5d5;    
    border-radius:5px;
    background:white;*/
}
td
{
    vertical-align:top;
}
.msgError /*Erros*/
{
    font-size:13px;
    color:Red;
}
.lblPreco /*Precos*/
{
    color:#CB0000;
    font-weight:bold;
    text-align:left;
}
.tamanho
{
    width:auto;
    margin-left:0px !important;
    /*width:710px !important;*/
    width:719px !important;
}
body
{
	margin: 0px;
	padding: 0px;
	background-attachment:fixed;
	background-image: url("../images/back.jpg");  	
	font-family:Verdana;
	font-size:11px;
	color: #2B2B2B;
}

.clear
{
    clear:both;
}
a
{
	text-decoration:none;
	color:#2B2B2B;
}
img
{
    border:0;
}

ul
{
	list-style-type: none;
}
.btnComprar
{
	border-style: none;	
    background:#fff;
    border-bottom:2px solid #CB0000;    
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:bolder;
}
hr
{
    margin-top:10px;
    height:1px;
    background:#CCCCCC;
    border:0;
    width:714px;
}
.bold
{
    font-weight:bold;
}
.divPaginacao
{
    padding-left:15px;
}
.divPaginacao .SpanCombo
{
    width:200px;
    float:left;
}
.margin
{
    margin-top:20px;
}

/* ============  TITULO  =========== */
.underline
{
    text-decoration:underline;
}
h3
{
    margin-bottom:-8px;
	font-size:15px;
	text-align:left;
	font-weight:bold;	
	padding:3px;
	background:#ECECEC;
	position: relative;
	z-index:3;
	color:#2B2B2B;
}
.conteudo h4
{
    margin:0;
    margin-bottom:-8px;
	font-size:15px;
	text-align:left;
	font-weight:bold;	
	padding:3px;
	position: relative;
	border-bottom:1px solid;
	/*width:675px;*/
	width:684px;
	margin-left:35px;
	z-index:3;
	color:#2B2B2B;
}
/* ============ TITULO  END =========== */


/* GERAL SITE*/
.preco .lblPreco 
{
    font-size: 16px;
}
.tableRegister tr .titulo {
    font-weight: bold;
    font-size:12px;
}
.tableRegister /*fundo das tabelas e cores do texto*/
{
    border-spacing: 0;
    color: #333333;
    margin:5px;
    /*width: 99%;*/
    width:714px;
    margin-bottom:10px;
}
.tableRegister td /*cor da linha separadora das tabelas */
{
    border-bottom: 1px solid #ECECEC; 
    margin: 0;
    padding:3px 0 3px 10px;
}   
.basket .item /*cor da linha separadora das tabelas basket */
{
    padding-top:5px;
    border-bottom:1px solid #d3d3d3;
}
.tableRegister td p /* asterisco de campo obrigatório*/
{
    color:#ff0000;
    font-weight:bold;
    margin:0px;
    float:left;
    padding-right:5px;
    padding-top:2px;
}
.lblAviso /*Texto de avisos*/
{ 
    font-weight:bold;
    Font-Size:11px;
    Color:Red;
}
.preco .lblLineThrough /*Preco riscado ex: De:*/
{
    color:#474C50;
    font-weight:bold;
    text-decoration: line-through;
}
.tituloAutor
{
    overflow:hidden;
    height:28px;
    text-align:center;    
}
.tituloAutor a
{
    font-style:italic;
    color:#2B2B2B;    
    /*text-transform:capitalize;*/
}  
.tituloCategoria
{    
    color:#2B2B2B;  
    font-size:12px;  
    font-weight:normal;
    /*text-transform:capitalize;*/
    height:50px;
    overflow:hidden;
}

.tableRegister a { /*cor do link para detalhe pedido*/
    color: #CB0000;
}


/* ============ GERAL END =========== */


/* ====            HEADER              ==== */

.Geral
{
    width:1020px;
    margin:auto;     
    background:#fff;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.4);
}
.Geral .topo
{
    /*width:1100px;*/
    width:100%;
    height:180px;
    margin:auto;   
    margin-bottom:10px;
    /*background: url("../../images/cabecalho/cabecalho.png") no-repeat scroll 0 0 / 100% auto transparent;*/    
    position: relative;
    background:#CB0000;    
    z-index:7;    
}
.topo .logo
{
    float:left;
    width:220px;
    height:220px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.6);    
    position: absolute;    
    background:#CB0000;
    z-index:7;
    margin-left:40px;
}

.Logo-Home
{
    background: url('../Images/cabecalho/ufrgs.png');
    background-size:100%;
    width:213px;
    height:147px;
    position: relative;  
    top:25px;
    left:5px; 
}
.Logo-Home:hover
{
    background: url('../Images/cabecalho/ufrgs_hover.png');
    background-size:100%;
}

.Geral .topo .cabecalho
{
    float:right;
}
.Geral .topo .cabecalho .telefone
{ 
    color:White;
    padding-right:20px;
    font-size:30px;
    text-align:right;
    padding-top:40px;
}

.headerLinks
{	
	color:White;
	float:right;
}
.headerLinks a
{
	color:White;
  	font-size:12px;
}
.divMostraUsuarioLogado
{	
	color:White;
	font-weight:bold;
	float:right;
	margin-right:20px;
}
.divMostraUsuarioLogado p
{	
	overflow:hidden;
	height:15px;
	margin-top:0px;
	float:left;
	margin:0px 5px 0px 5px;
	max-width:100px;
}
.divMostraUsuarioLogado a
{
	color:black;
	height:15px;
}
.divMostraUsuarioLogado span
{
	color:white;
}

/* ====          HEADER  END         ==== */

/* ====           PESQUISAS          ==== */

.Geral .pesquisa
{    
    top: 135px;
    /*display:table;*/
    margin: 0 auto;
    position: absolute;
    z-index:6;
    width:1008px;
    height:40px;
    background-color:#2B2B2B;  
    color:white;     
    padding-right:12px;
}

.pesquisa
{
    margin: 0 auto;
    position: absolute;
    top: 130px;
    right:0px;
    z-index:9;
    float:right;
    padding-top:13px;
    height:30px;    
    color:#FFF;
    text-align:right;
}

.pesquisa a
{
    text-transform:uppercase;
    /*font-size:15px;*/
    font-size:11px;
    padding:0px 10px 0px 10px;
    color:#C0C0C0;    
    font-weight:700;
}
.pesquisa a:hover
{
    color:#CB0000;  
}
.pesquisaGeral .ddlCategorias
{
    border:1px solid black;
    width:250px;
    margin-right:100px;
}

.pesquisa .txtSearchText
{
    border:1px solid black;
    width:130px;
    height:18px;
}

.pesquisa .ddlSearch
{
    border:1px solid black;
    width:100px;
    height:18px;
}
.pesquisa .btnSearch
{
    font-weight:bold;
    margin-right:10px;
}
/* ====         PESQUISAS END       ==== */

/* ====         CONTEUDO       ==== */
.container
{
    display:table;
    /*display:block;
    /*width:1078px;       
    left:23px;*/
    width:920px;
    position:relative;
    left:30px;
    width:955px;
    margin:auto;        
    /*background: url("../../images/cabecalho/cabecalho.png") no-repeat scroll 0 0 / 100% auto transparent;*/    
}


/* ====         MENU ESQUERDA       ==== */
.container #tdMenuEsquerda
{
    vertical-align:top;
    background:#ECECEC;    
    padding:0px;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:10px;
    font-weight:400;
    box-shadow: -1px 1px 5px #2B2B2B;
    box-shadow: 1px -1px 5px #2B2B2B;
    width:181px;
}

.container #tdMenuEsquerda .face
{
    display:block;
    width:95%;
    overflow:hidden;
}

.container #tdMenuEsquerda .menu
{
    float: left; 
    color: #4E7B1A;  
    float:left;  
    width:165px;
    padding-bottom:5px;
    padding-top:46px;
    margin-bottom:10px;
}
#tdMenuEsquerda .linksRed
{
    color:Red !important;
}
.container #tdMenuEsquerda ul
{
    margin:0;
    padding:0;
}
.container #tdMenuEsquerda .menu ul li
{
	padding-top:5px;
	padding: 0 5px;
	width:178px;
	min-height:25px;
}
.container #tdMenuEsquerda .menu ul li a
{
    color: #2B2B2B;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.container #tdMenuEsquerda .menu .ConteudoComplementar a
{
    height:39px;
    width:155px;
    margin:15px 0 0 0;
    display:block;
}

.lateral
{    
    background:#D3D3D3;
    border-radius:10px;    
}
.newsletter
{				    
	padding-left:8px;
	margin: 5px 0px 5px 0px;
	font-family: Arial;
	font-size: 11px;
	color: #0D0D0D;	
	width: 150px;
	height: 215px;	
}
.newsletter .news
{
    margin-top:10px;
    float:right;
	color: #444444;	
	width: 100px;
	height:30px;
	margin-right:10px;
    Font-size:15px; 
	font-weight:bold; 
	text-align:right;
	text-transform:uppercase;
	font-style:italic;
}
.newsletter img
{
    width:30px;
}

.newsletter p
{
    margin-top:15px;
}
.newsletter input[type="text"]
{
    width:130px;
}

.newsletter input[type="submit"]
{
	margin-top: 5px;
	background: url('../Images/btn_enviarNewsletter.png') no-repeat;
	width: 74px;
	height: 23px;
	padding:0px;	
	border:0px;
	display:block;
}
.newsletter input[type="submit"]:hover
{
	cursor: pointer;
}
/* ====       MENU ESQUERDA END      ==== */



/* ====       CONTEUDO    ==== */
.conteudo 
{    
    /*width:725px;*/
    width:740px;
    margin-top:50px;
    margin-left:38px;     
}

/* ====       CONTEUDO END     ==== */

/* ====       RODAPE     ==== */

.rodapeGeral
{
    width:100%;
    background:#2B2B2B;
    margin-bottom:0px;
}

.rodapeGeral .rodape
{
    /*width:1003px;*/
    /*width:995px;*/
    width:895px;
    height:135px;
    margin:auto;
    position:relative;       
    /*left:65px;*/
    left:46px;
    /*left:20px;*/   
    color:#CCC; 
    font-size:11px;
}
.rodapeGeral .rodape .logo  
{
	float:left;
	text-align:center;
	padding:5px;
	width:75px;
	height:66px;
	background:url('../Images/rodape_ufrgs.png');
	background-size:100%;
	margin-top:20px;
}
.rodapeGeral .rodape .logo:hover
{
    background:url('../Images/rodape_ufrgs_hover.png');
	background-size:100%;
}
.rodapeGeral .rodape .empresa
{
    color:#FFF !important;
}
.rodapeGeral .rodape .copy
{
    font-size:10px !important;
}
.rodapeGeral .rodape .desig
{
    color:#ccc;
}
.rodapeGeral .rodape .desig:hover
{
    color:#F00;
}
.rodapeGeral .rodape .texto
{
	float:left;
	text-align:center;
	width:650px;
	padding:15px 0px 5px 0px;
}
.rodapeGeral .rodape .formaPgto
{
	float:right;
	width:150px;
	padding-right:15px;
	text-align:center;
	font-size:13px;
}
#footer_certificado h4
{
    float:left;
    margin-right:6px;
}
.rodapeGeral .rodape .formaPgto .img
{
    margin-top:5px;
}
.rodapeGeral .rodape .formaPgto .img img
{
    vertical-align:middle;
}

.rodape .formaPagto {
    float: right;
    height: 65px;
    padding-right:15px;
    padding-bottom:10px;
    margin-top: 20px;
    text-align: right;
    width: 150px;    
}

.rodapeGeral .rodape .endereco /*IMAGEM DO ENDERECO COMPLETO*/
{
	/*background:url("../Images/rodapeEndereco.jpg") no-repeat;*/	  /*780 x 40*/
	width:550px;
	float:right;
	height:40px;
	margin:auto;
	padding:7px;	
    display:table;	
}

.rodapeGeral .rodape .endereco img /*LINKS REDES SOCIAIS*/
{
	float:right;
	border:none;
	margin-right:5px;
}

/* ====       SITEMAP     ==== */
.LinksMapaSite
{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
.LinksMapaSite a
{
	color:#444444;
}
.LinksMapaSite a:hover
{
    text-decoration:underline;
}
/* ====       SITEMAP  END     ==== */

/* ====       RODAPE END     ==== */


/*LEMBRAR SENHA*/
.lembrarSenha
{
    padding:10px 10px 10px 20px;
}
.lembrarSenha .lblPreco
{
    font-size:12px;
}

/*categorias*/

.categoria ul
{
	margin-bottom:2px !important;	
	padding-left:5px !important;
}
.categoria
{
	margin-top:10px;
	min-height:150px;
}
.categoria ul li
{
	text-align:left;	
	min-height: 20px;
	padding-top: 5px;
	max-width:158px;
}
.categoria ul li a 
{	
	font-size:14px;
	vertical-align:middle;
	/*text-transform:capitalize;*/
	color: #2B2B2B;
}
#tdMenuEsquerda ul li a:hover
{	
    color:#CB0000 !important;
}
#tdMenuEsquerda hr
{
    background:#CB0000;
    width:50px;
    height:2px;
    text-align:left;
    margin:0;
    padding:0;
}
.categoria .hd
{
    background:url('../Images/bg_item-active.png') !important;
	background-size:100%;
}
.CatFilho
{
    display:block;    
    text-transform:capitalize;
    padding-top:7px;
    padding-left:40px;
    color:#444444;
    text-align:left;              
}
/*categorias end*/

.capitalize
{
    text-transform:capitalize;
}
.icon
{
    float:left;
    width:25px;
}
.TotalPaginas
{
    font-size:12px;
    font-weight:normal;
    margin-bottom:10px;
    margin-top:20px;
    /*width:710px;*/
    width:720px;
}

.AlDireita
{
    text-align:right;
}
.AlEsquerda
{
    text-align:left;
}
.AlCenter
{
    text-align:center;
}

.lblErro
{
    color:Red;
}
/*login e pagamento*/
.aba
{
    /*width:370px;*/
    width:300px;
    height:250px;
    float:left;
    margin:10px;
    padding:10px;
}

.fundo
{
    background:#ECECEC;    
    padding:0px 5px 0px 5px;
}
