@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

/* ESTILOS DE BASE 
================================================================================================================== */
* { margin: 0; padding: 0;}
body 	{ background-color: #FFF; margin: 0px!important; padding: 0px!important; 
		  font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal; font-size: 12px; line-height: 15px; color: #000;  text-align: justify; }
h1		{}
h2		{}
h3		{}
h4		{}
h5		{ font-weight: 900; font-style: normal; font-size: 16px; font-weight: bold; line-height: 15px; color: #000; text-transform: uppercase;}
h6		{ font-weight: 900; font-style: normal; font-size: 12px; font-weight: bold; line-height: 15px; color: #000; text-transform: uppercase; }		  

/* ESTILOS DE CAMADA 
================================================================================================================== */
div#header				{ position: relative; z-index: 4; width: 100%; height: auto; margin: 0px; padding: 0px; background-color: #00277f; box-shadow: 0px 2px 5px black;  }
div#banner				{ position: relative; z-index: 3; width: 800px; height: auto; margin: 0px auto;}
div#content				{ position: relative; z-index: 2; width: 800px; height: auto; min-height: 200px; margin: 0px auto!important; padding: 0px; }
div#footer				{ position: relative; z-index: 2; width: 100%; height: 80px; margin: 35px 0px 0px; padding: 0px; background-color: #00277f; }
div.content_wrapper		{ position: relative; z-index: 2; width: 800px; height: auto; margin: 0px auto; padding: 0px; }
div.clearance			{ float: none; clear: both; }

/* LOGOTIPO
================================================================================================================== */
div#mod-custom111 { width:300px; height: 100px; margin: 0px;  }

/* MENU
================================================================================================================== */
div#mainmenu		{ position: absolute; width: auto; height: 30px; top: 50px; right: 0px;
					  font-weight: 900; font-size: 11px; font-style: normal;color: #FFF; text-decoration: none; text-transform: uppercase; }
div#mainmenu ul		{ list-style: none; margin: 0px; padding: 0px;}
div#mainmenu li		{ padding: 0px 5px; float: left; clear: none;}
div#mainmenu a		{ color: #FFF; text-decoration: none; text-transform: uppercase; }

/* SOBRE MIM
================================================================================================================== */
div#mod-custom118			{ background-color: #ddebff; width: 770px; height: auto; min-height: 250px; line-height: 22px; margin: 0px; padding: 0px 15px; 
							  font-weight: 300; font-size: 15px; font-style: normal; color: #000; text-decoration: none; }
div#mod-custom118 img 		{ float: left; clear: none; margin: 0px 15px 15px 0px; }

/* LISTAGEM DE ARTIGOS
================================================================================================================== */
div#mod-custom115			{ height: 220px; }
div#mod-custom115 a			{ color: #000; text-decoration: none; }
div#mod-custom115 h6		{ margin: 0px; padding: 0px; }

/* LIVROS RECENTES
================================================================================================================== */
div#mod-custom116	{ position: relative; z-index: 1; background-color: #ddebff; width: 800px; height: auto; min-height: 310px; line-height: 20px; margin: 0px; padding: 0px;
					  font-weight: 300; font-size: 12px; font-style: normal; color: #000; text-decoration: none;}
div#mod-custom116 p { width: 500px; padding: 0px 15px 10px; float: none; clear: both; }
div#mod-custom116 h5 { width: 500px; padding: 15px; float: none; clear: both; }
div#mod-custom116 img.capa { position: absolute; z-index: 3; top: -20px; right: 20px; box-shadow: 2px 2px 2px gray; }


div#mod-custom116 .buy_book			{ border: none; background-color: #00133e; width: 100%; height: auto; table-layout: fixed; min-height: 80px; line-height: 40px; height: auto; margin: 10px 0px 10px 0x; padding: 15px; float: none; clear: both; 
									  font-weight: 300; font-size: 11px; font-style: normal; color: #FFF; text-decoration: none; }
div#mod-custom116 .buy_book	td.t1	{ width: 150px; vertical-align: top; }
div#mod-custom116 .buy_book	td.t2	{ width: 250px; }
div#mod-custom116 .buy_book img 	{ float: left; clear: none; margin: 0px; padding: 0px; }


/* INFORMACOES
================================================================================================================== */
div#mod-custom119		{ position: absolute; width: 350px; line-height: 30px; top: 15px; left: 0px;
					 	  font-weight: 300; font-size: 11px; font-style: normal; color: #FFF; text-decoration: none; }
div#mod-custom119 p 	{ width: 350px; height: 30px; float: none; clear: both; margin: 0 5px; }
div#mod-custom119 img 	{ width: 30px; height: 30px; float: left; clear: none; margin: 0 5px 0 0; }
					  
/* NEWSLETTER
================================================================================================================== */
div.newsletter_sign			{ position: absolute; width: auto; line-height: 26px; top: 10px; right: 0px;
					 	  	  font-weight: 900; font-style: normal; font-size: 12px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: right;}
div.newsletter_sign input 	{ width: 150px; padding: 2px; box-sizing: border-box; color: #00277f; }


/* LISTAGENS DE OBRAS
================================================================================================================== */
div#articles_list			 	{ width: 800px; height: auto; margin: 30px 0px 0px; padding: 0px; }
div#articles_list .article 		{ width: 250px; height: 250px; margin: 10px 8.3px; padding: 0px; float: left; clear: none; }
div#articles_list .article a	{ color: #000; text-decoration: none; }
div#articles_list img 			{ width: 250px; margin: 0; }
div#articles_list div 			{ margin: 5px 0px; float: none; clear: both;}

div#books_list					{ width: 800px; height: auto; min-height: 380px; line-height: 20px; height: auto; margin: 30px 0px 0px; padding: 0px; }
div#books_list .book  			{ position: relative; z-index: 1; width: 800px; height: auto; min-height: 310px; line-height: 20px; margin: 0px; padding: 0px;
								  font-weight: 300; font-size: 12px; font-style: normal; color: #000; text-decoration: none;}
div#books_list .book  img.capa 		{ position: absolute; z-index: 3; top: 0px; right: 20px; box-shadow: 2px 2px 2px gray; }
div#books_list .book  h5		{ width: 500px; padding: 15px; float: none; clear: both; }
div#books_list .book  p { width: 500px; padding: 0px 15px 10px; float: none; clear: both; }


div#books_list .book .buy_book			{ border: none; background-color: #00133e; width: 100%; height: auto; table-layout: fixed; min-height: 80px; line-height: 40px; height: auto; margin: 10px 0px 10px 0x; padding: 15px; float: none; clear: both; 
									  font-weight: 300; font-size: 11px; font-style: normal; color: #FFF; text-decoration: none; }
div#books_list .book .buy_book	td.t1	{ width: 150px; vertical-align: top; }
div#books_list .book .buy_book	td.t2	{ width: 250px; }
div#books_list .book .buy_book img 	{ float: left; clear: none; margin: 0px; padding: 0px; }





div#contact					 	{ width: 400px; height: auto; margin: 30px auto 0px; padding: 0px; }
div#contact	div					{ padding: 3px 0px; }
div#contact input			 	{ width: 400px; padding: 2px; box-sizing: border-box; color: #00277f; }
div#contact button			 	{ width: 100px; padding: 2px; box-sizing: border-box; color: #00277f; }
div#contact textarea		 	{ width: 400px; padding: 2px; box-sizing: border-box; color: #00277f; resize: none; }
div#contact span.text, 
			span.form-control-feedback	{ font-weight: 300; font-style: normal; font-size: 9px; line-height: 15px; color: #F00; text-align: center; }

div.category_title 				{ width: 800px; height: 40px; margin: 50px 0px 0px; padding: 0px; 
								  font-family: "Caveat", cursive; font-optical-sizing: auto; font-weight: 400; font-size: 36px; font-style: normal; color: #000; text-decoration: none; text-align: center; }
div.category_desc 				{ width: 800px; height: auto; margin: 0px; padding: 0px; text-align: center; }

/* LEITURA DE ARTIGOS
================================================================================================================== */
div#content_article .text 		{ margin: 20px 0px 0px; line-height: 25px; 
								  font-weight: 400; font-size: 14px; font-style: normal; color: #000; text-decoration: none; }			  
div#content_article p	 		{ margin: 10px 0px 0px; }