@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background-color: #021636; background-position: center right; background-attachment: fixed;width:100%; background-repeat:repeat-x repeat-y; }
.logo-moi{margin: 50px auto; display: block; position:relative; width:auto; text-align: center}
.logo-moi img{width:auto}
.container{width:70%; height: auto; display: table; margin: 3% auto; margin-bottom: 80px;}
.container .box-livro{width:40%; margin: 5% auto; position:relative; display: block; border: none; background: rgba(255,255,255,1); padding:40px; box-shadow: 4px 4px 8px #999;}
.container img{position: relative; display: table; width:80%; margin: 0 auto}
.container p{text-align: center; padding:10px; background:#8354A3; width:auto; display: table; margin: 30px auto; color:#FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; border-radius:10px; }
.container p:hover{background:rgba(62,62,62,1.00) }
.container a{text-decoration: none; width: auto; margin:0; padding:0;}
.logo-rodape{display: block; position:relative; width:30%; text-align: center; background:#FFF; bottom:0; padding:20px; margin: 0 auto }
.anos{display:none; padding:0; margin:0}
h4, h5{text-align: center; display: block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1.2em; padding:0!important; margin:0}
h5{margin-top:20px; margin-bottom: 25px;}
h4:hover{cursor: pointer; color: #1F3564}
h3{text-align: center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #FF8906; font-weight: 600; font-size: 1.3em; border-bottom: 2px solid #ccc; padding-bottom: 30px;}
h3:hover{color:#1F3564}
.box-livro h6{padding:20px; margin-top: 40px;}
.box-livro h6 img{width:40%}
.box-livro h4{padding:20px!important;}
.box-livro a{font-weight: 500!important; color: rgba(249,119,18,1.00);} 
.box-livro a:hover{color:#393752; text-decoration: underline}

summary{text-align: center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color:#1F3564; padding:10px; border:1px solid rgba(196,93,2,1.00); display: table!important; margin: 25px auto; width: 30%}
summary:hover{cursor: pointer}
details{text-align: center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; cursor: pointer;}

@media (max-width: 1280px){
	.container {width:90%; margin: 0 auto; height: auto; margin-bottom: 50px;}
}


@media (max-width: 980px){
	.container {width:90%; margin: 0 auto; margin-bottom: 80px;}
    .logo-rodape img{left:35%; bottom:15%!important}
}

@media (max-width: 768px){
	.logo-moi img{width:70%}
	.container {width:80%; padding:0;}
	.container .box-livro{width:80%;}
	.logo-rodape{margin-top: 30px; }
	.logo-rodape img{width:40%}
}

@media (max-width: 600px){
	.logo-moi{margin-top: 50px}
	.container .box-livro{width:70%;}
	.container img{width:100%!important}
	.logo-rodape{padding-bottom: 100px; }
	.logo-rodape img{width:40%;}
}

@media (max-width: 380px){	
	.container .box-livro{width:65%;}
}

@media (max-width: 290px){

	.container .box-livro{width: 80%;
    padding: 20px;
	}
}