/*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;
}

.cadastro
{
width: 400px;
border: none;
outline: none;
font-size: 15px;
border-radius: 10px;
font-size: 20px;
font-family: Bebas Neue;
color: black ;

}

hr{
	border-color: white;
	width: 250px;
	margin-top: 15px;
}



.botoes{

width: 30px;
height: 15px;

}

.correio{

width: 30px;
height: 20px;

}

.info{
	background-color: white;
	color: black;
	font-family: Bebas Neue;
	border-radius: 15px;
	width: 250px;
	font-size: 20px;
}

.pagamento_campos{
	background-color: none;
	border:2px solid black;
	color: black;
	font-family: Bebas Neue;
	border-radius: 15px;
	width: 250px;
	font-size: 20px;
}

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

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

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

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

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

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


.cartao{
	border-radius: 15px;
}

/*Formatação geral dos botões de cadastro e login */
button{
		background-color: black ;
		border: none;
		padding: 15px;
		width: 100%;
		border-radius: 10px;
		font-size: 30px;
		font-family: Bebas Neue;
		color: white;
		cursor: pointer;
}
.botao{
	width: 50%;
	font-size: 25px;
	cursor: pointer;
}

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

/*Mudança de cor nos botões */
.botao_cadastrar:hover
{
	background-color: #1C1C1C; 
}

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

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

.redes:hover

{
	color: black;
}

select{
	width: 420px;
	height: 40px;
	border-radius: 10px;
	font-size: 20px;
	font-family: Bebas Neue;
	color: black ;
}

.mes{
	width: 80px;
	height: 40px;
	border-radius: 10px;
	font-size: 20px;
	font-family: Bebas Neue;
	color: black ;
}
.checkbox{
 width: 18px;
 height: 18px;
}


/*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: black ;
		border: none;
		padding: 15px;
		width: 100%;
		border-radius: 10px;
		color: white;
		font-size: 30px;
		font-family: Bebas Neue;
		cursor: pointer;
	}

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

/*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;
}

#menu ul{
	padding:0px;
    margin:0px;
    background-color:#B22222;
    list-style:none;
}

#menu ul li{
	display: inline-block;
}

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

#menu ul li:hover{
	background: #DC143C;
}

#menu ul ul{
	position: absolute;
	min-width: 200px;
	display: none;
	background: #C6C6C6;
	z-index:1;
	
}

#menu ul ul li{
	display: block;
	background: #B22222;
}

#menu ul li:hover ul{
	display: block;
}
#nave{
	background:	white;
	width: 100%;
	height: 1000px;
	float: left;
	margin: auto;
}
#nave_carrinho{
	background:	white;
	width: 100%;
	height: 530px;
	float: left;
	margin: auto;
	font-size: 40px;
	font-family: Bebas Neue;
}

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

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

#finalizar{
	background:	none;
	width: 1280px;
	height: 1500px;
	margin-top: 35px;
	margin-left: 45px;
	float: left;
	position: absolute;
}

#resumo{
	background:	none;
	width: 300px;
	height: 400px;
	border-radius: 15px;
	margin-left: 830px;
	float: left;
	position: absolute;
	font-family: Bebas Neue;
	font-size: 20px;
}

#entrega{
	background:	#DC143C;
	width: 302px;
	height: 265px;
	border-radius: 15px;
	margin-top: 30px;
	float: left;
	position: absolute;
	font-family: Bebas Neue;
	font-size: 20px;
}


#box_pagamento{
	background:	none;
	width: 330px;
	height: 300px;
	border-radius: 15px;
	margin-top: 30px;
	margin-left: 450px;
	float: left;
	position: absolute;
	font-family: Bebas Neue;
	font-size: 25px;
}


#box_endereco{
	background:	#DC143C;
	width: 330px;
	height: 595px;
	border-radius: 15px;
	margin-top: 60px;
	margin-left: 50px;
	float: left;
	position: absolute;
	font-family: Bebas Neue;
	font-size: 20px;
}

#box_produto{
	background:	#DC143C;
	width: 330px;
	height: 500px;
	border-radius: 15px;
	margin-top: 90px;
	margin-left: 900px;
	float: left;
	position: absolute;
	font-family: Bebas Neue;
	font-size: 20px;
	color: white;
}

#box_envio{
	background:	#DC143C;
	width: 330px;
	height: 250px;
	border-radius: 15px;
	margin-top: 1125px;
	margin-left: 50px;
	float: left;
	position: absolute;
	font-family: Bebas Neue;
	font-size: 20px;
}


.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}


#cadastro{
	background-color: #DC143C;
	position: absolute;
	margin-top: 45px;
	margin-left: 400px;
	width: 500px;
	height: 1080px;
	border-radius: 15px;
	font-size: 20px;
	color: white;
	font-family: Bebas Neue;
}



/*Codificação da parte de Login e Cadastro */

#tela-login{
	background-color: #DC143C;
	position: absolute;
	margin-top: 100px;
	margin-left: 200px;
	padding: 70px;
	border-radius: 15px;
	color: white;
	font-family: Bebas Neue;
}

#tela-cadastro{
	background-color: #DC143C;
	position: absolute;
	top: 50%;
	left: 195%;
	width: 350px;
	transform: translate(-50%,-50%);
	padding: 55px;
	border-radius: 15px;
	color: white;
	font-size: 25px;
	font-family: Bebas Neue;
}
#cadastroo{
	border-radius: 25px;
	background-color:#DC143C ;
	width: 800px;
	height: 900px;
	color: white;
}


#conteudo_saibamais{
	margin-top: 25px;
	background-color: none;
	width: 600px;
	height: 4500px;
	text-align: justify;
	font-family: Bebas Neue;
	font-size: 25px;
}

#imagem_saibamais{
	background-color: none;
	width: 600px;
	height: 300px;
	margin-top: 20px;
	text-align: justify;
	font-family: Bebas Neue;
	font-size: 25px;
}



/*Codificação da parte do Rodapé */
#rodape{
	background: #800000 ;
	width: 100%;
	height: 350px;
	margin-top: 600PX;
	float: left;
	position: relative;
	font-size: 20px;
	clear: both;
}
#rodape_biografia{
	background: #800000 ;
	width: 100%;
	height: 350px;
	float: left;
	position: relative;
	font-size: 20px;
	clear: both;
}
#rodape_carrinho{
	background: #800000 ;
	width: 100%;
	height: 350px;
	float: left;
	position: relative;
	font-size: 20px;
	clear: both;
}

#rodape_cadastro{
	background: #800000 ;
	width: 100%;
	height: 350px;
	margin-top: 1200PX;
	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-image:url(img/copy.png);
	width: 100%;
	height: 100px;
	float: left;
	margin-top: 30px;
	position: relative;
	font-size: 20px;
}