/*Tirar Margem do site */
* { margin: 0; padding: 0; }

/*Formatação geral das caixas de cadastro e login */
input
{
padding: 10px;
border: none;
outline: none;
font-size: 15px;
border-radius: 10px;
}

hr{
	width: 800px;
}

/*Formatação geral dos botões de cadastro e login */
button{
		background-color: black;
		border: none;
		padding: 15px;
		width: 90%;
		height: 70px;
		margin-top: 440px;
		border-radius: 10px;
		color: white;
		font-size: 30px;
		font-family: Bebas Neue;
		cursor: pointer;
}

/*Mudança de cor nos botões */
button:hover
{
	background-color: #B22222;
	color: white; 
}

.comprar1{
		background-color: #DC143C;
		border: none;
		width: 155px;
		height: 50px;
		border-radius: 10px;
		color: white;
		font-size: 25px;
		font-family: Bebas Neue;
		cursor: pointer;
}
.comprar1:hover{
	background-color: #B22222;
}

.carrinho{
		background-color: black;
		border: none;
		width: 160px;
		height: 56px;
		margin-top: 5px;
		border-radius: 10px;
		color: white;
		font-size: 25px;
		font-family: Bebas Neue;
		cursor: pointer;
}
.carrinho:hover{
	background-color: 	#1C1C1C;
}


/*Retirada de sublinhado e seleção de cor dos links */
.link_produtos:link {
	color: #DC143C;
}

/*Mudança de cor dos links visitados */
.link_produtos:visited {
	color: #DC143C;
}

/*Mudança de estado dos links ao passar o mouse */
.link_produtos:hover {
	text-decoration: underline;} 


.dc{
	cursor: pointer;
}

.dc:hover{
	background-color: 	#0000FF;
	color: white;
}

.manga{
	cursor: pointer;
}
.manga:hover
{
	background-color: white;
	color: black;
}

/*Retirada de sublinhado e seleção de cor dos links */
a:link {
	color: white;
	text-decoration: none;}

/*Mudança de cor dos links visitados */
a:visited {
	color: white;
}

/*Mudança de estado dos links ao passar o mouse */
a:hover {
	color: #FFD700;} 

/*Efeito de Opacidade nos Banners abaixo do slideshow */
.opacidade:hover
{
	opacity: 85%;
}


/*Efeito de Zoom nos Banners de Mangá, no botão de comprar e também em "Ver mais" da Categoria de novos leitores */
.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.newsletter{
		background-color: #1E90FF ;
		border: none;
		padding: 15px;
		width: 10%;
		border-radius: 10px;
		color: white;
		font-size: 25px;
		font-family: Bebas Neue;
		cursor: pointer;
}

/*Mudança de cor nos botões */
.newsletter:hover
{
	background-color: #4169E1;
}

/*Inicio da Div do TOPO */
#topo{
	background: #DC143C;
	width: 100%;
	height: 110px;
	float: left;
	margin: auto;
}

/*Inicio da Div do TOPO */
#logo{
	background-image:url(logotipo.png);
	width: 200px;
	height: 100px;
	margin-top: 12px;
	margin-left: 105px;
	float: left;
	position: relative;
}

/*Inicio da Div da barra de pesquisa */
#pesquisa{
	background-color: none;
	width: 400px;
	height: 60px;
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	position: relative;
}

/*Formatação da barra de pesquisa */
#divBusca{
  background-color:#2F4F4F;
  border:solid 0px;
  border-radius:25px;
  width:300px;
}

/*Formatação da barra de pesquisa */
#txtBusca{
  float:left;
  background-color:white;
  border-radius: 10px;
  padding-left:8px;
  font-size:18px;
  margin-left: 0px;
  border:none;
  height:32px;
  width:450px;
}

/*Div para inserção do icone da pagina "Minha conta" */
#perfil{
	background-image:none;
	width: 80px;
	height: 70px;
	margin-top: 20px;
	margin-left: 170px;
	float: left;
	position: relative;
}

/*Div para inserção do icone da pagina "Carrinho" */
#compras{
	background-image:none;
	width: 80px;
	height: 70px;
	margin-top: 20px;
	float: left;
	position: relative;
}

/*Inicio do Menu */

/*Seleção da cor do menu */
#menu ul{
	padding:0px;
    margin:0px;
    background-color:#B22222;
    list-style:none;
}

/*Formatação em linha das opções do menu */
#menu ul li{
	display: inline-block;
}

/*Formatação geral das opções do menu: da fonte das categorias, o tamanho da fonte, preenchimento, etc  */
#menu ul li a{
	  padding: 12px 20px;
    display: inline-block;
    font-family: Bebas Neue;
    font-size: 23px;
    
    background-color:none;
    color: #ffffff;
    text-decoration: none;
    border-bottom:0px solid #EDEDED;
}

/*Mudança de cor ao passar o mouse (Dentro das categorias)  */
#menu ul li:hover{
	background: #DC143C;
}

/*Inicio do Menu Dropdown" */

/*Edição da tabela dentro da tabela já existente */
#menu ul ul{
	position: absolute;
	min-width: 200px;
	display: none;
	background: #C6C6C6;
	z-index:1;
	
}

/*Background da tabela dentro da tabela já existente */
#menu ul ul li{
	display: block;
	background: #B22222;
}

/*Mudança de cor ao passar o mouse na tabela dentro da tabela já existente */
#menu ul li:hover ul{
	display: block;
}


#nave{
	background:	white;
	width: 100%;
	height: 2600px;
	float: left;
	margin: auto;
}


#nave_rodape{
	background:	white;
	width: 100%;
	height: 1500px;
	float: left;
	margin: auto;
}

/*COD PAGINAS DO RODAPE */
#conteudo{
	background-color: none;
	width: 900px;
	height: 900px;
	margin-top: 35px;
	margin-left: 230px;
	text-align: justify;
  font-size: 25px;
  font-family: Bebas Neue;
	float: left;
	position: relative;
}
#img{
	background-color: black;
	width: 900px;
	height: 150px;
	margin-left: 230px;
	float: left;
	margin-top: 50px;
	position: relative;
}
/*FIM COD PAGINAS DO RODAPE */



#banner{
	background-color: black;
	width: 970px;
	height: 350px;
	margin-top: 28px;
	margin-left: 180px;
	float: left;
	position: relative;
}
#circulos{
	background-color: none;
	width: 970px;
	height: 170px;
	margin-top: 28px;
	margin-left: 200px;
	float: left;
	position: relative;
}
#circulo1
{
	background-color: none;
	width: 300px;
	height: 170px;
	margin-top: 28px;
	margin-left: 0px;
	float: left;
	position: relative;
}
#catalogo1{
	background-image:url(none);
	width: 970px;
	height: 130px;
	margin-top: 0px;
	margin-left: 180px;
	float: left;
	position: relative;
}
#produto{
	background-color: none;
	width: 300px;
	height: 610px;
	margin-top: 30px;
	margin-left: 5px;
	float: left;
	position: relative;
}
#desc{
	background-color: none;
	width: 240px;
	height: 125px;
	margin-left: 35px;
	float: left;
	position: relative;
}
#comprar{
	width: 150px;
	height: 120px;
	margin-top: 10px;
	margin-left: 45px;
}
#catalogo2{
	background-image:url(none);
	width: 970px;
	height: 130px;
	margin-top: 66px;
	float: left;
	position: relative;
}
#produtosprocurados{
	background-color: none;
	width: 300px;
	height: 610px;
	float: left;
	position: relative;
}
#desc{
	background-color: none;
	width: 240px;
	height: 125px;
	margin-left: 35px;
	font-size: 20px;
	font-family: Bebas Neue;
	float: left;
	position: relative;
}
#comprar{
	width: 150px;
	height: 120px;
	margin-top: 10px;
	margin-left: 45px;
}

#vermais{
	background-image:url(interessar.png);
	width: 970px;
	height: 130px;
	margin-top: 1500px;
	margin-left: 180px;
	float: left;
	position: relative;
}
#rec1{
	background-color: black;
	width: 280px;
	height: 400px;
	margin-top: 200px;
	float: left;
	position: relative;
}
#rec2{
	background-color: black;
	width: 300px;
	height: 400px;
	margin-left: 320px;
	float: left;
	position: relative;
}
#rec3{
	background-color: black;
	width: 300px;
	height: 400px;
	margin-left: 340px;
	float: left;
	position: relative;
}

#newsletter{
	background: 		#0000CD;
	width: 100%;
	height: 275px;
	margin-top: 1300px;
	font-family: Bebas Neue;
	font-size: 20px;
	color: white;
	float: left;
	position: relative;
	clear: both;
}

#newsletter_rodape{
	background: 		#0000CD;
	width: 100%;
	height: 275px;
	font-family: Bebas Neue;
	font-size: 20px;
	margin-top: 200px;
	color: white;
	float: left;
	position: relative;
	clear: both;
}

#rodape{
	background: #800000 ;
	width: 100%;
	height: 350px;
	float: left;
	position: relative;
	font-size: 20px;
	clear: both;
}

#titulopagamento{
	background-image:url(img/rod_pagamento.png);
	width: 260px;
	height: 40px;
	margin-top: 22px;
	margin-left: 100px;
}
#tituloinstitucional{
	background-image:url(img/rod_institucional.png);
	width: 260px;
	height: 40px;
	margin-top: 22px;
	margin-left: 435px;
}
#imgpagamento{
	background-image:url(img/partepay.png);
	width: 310px;
	height: 55px;
	margin-top: 0px;
	margin-left: 84px;
}
#rede1{
	background-color: none;
	width: 260px;
	height: 80px;
	margin-top: 10px;
	margin-left: 430px;
}
#rede2{
	background-color: none;
	width: 260px;
	height: 50px;
	margin-top: 10px;
	margin-left: 505px;
}

#titulocertificacao{
	background-image:url(img/rod_certificacao.png);
	width: 260px;
	height: 40px;
	margin-top: 50px;
	margin-left: 100px;
}
#tituloajudasuporte{
	background-image:url(img/rod_ajuda_suporte.png);
	width: 260px;
	height: 40px;
	margin-top: 60px;
  margin-left: 435px;
}
#titulodesenvolvidopor{
	background-image:url(img/rod_desenv.png);
	width: 260px;
	height: 40px;
	margin-top: 60px;
	margin-left: 450px;
}
#imgseguranca{
	background-image:url(img/partesafe.png);
	width: 310px;
	height: 60px;
	margin-left: 84px;
}
#espacodesenv{
	background-color: none;
	width: 260px;
	height: 80px;
	margin-left: 420px;
}
#imgdesenv{
	background-image:url(img/rod_imgdesenv.png);
	width: 260px;
	height: 80px;
	margin-left: 470px;
}
#subrodape{
	background: #DC143C;
	width: 100%;
	height: 100px;
	float: left;
	margin-top: 30px;
	position: relative;
	font-size: 20px;
}