﻿/*http://www.w3schools.com/html/html_colors.asp*/
@font-face {
  font-family: 'Hobbiton Brushhand';
  src: url('../fonts/hobbitonbrushhand.ttf') format('truetype');
}
@font-face {
  font-family: 'FonteTitulo';
  src: url('../fonts/CENTAUR.ttf') format('truetype');
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #000033;
  background-color: #FFFFFF;
  background-image: url(../img/background.png);
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
a ,a:hover,a:focus{
  color: #000033;
  text-decoration: none;
} 
p {
  font-size: 16px;
  text-align: justify;
}
h1 {
  font-size: 30px;
  font-family: "FonteTitulo";
}
h2 {
  font-size: 20px;
  font-family: "FonteTitulo";
}
h3 {
  font-size: 16px;
  font-family: "FonteTitulo";
}
h4 {
  font-size: 16px;
  font-family: "FonteTitulo";
}
h5 {
  font-size: 16px;
  font-family: "FonteTitulo";
}
h6 {
  font-size: 16px;
  font-family: "FonteTitulo";
}
.divmanutencao{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    margin: 0px auto;
	padding: 0;	
	text-align: center;
	padding-top: 150px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: center;
	min-height: 200px;
	background-image: url(../img/emconstrucao.png);
}
.pull-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.divlogin{
    display: table;
    margin-left: auto;
    margin-right: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    margin: 0px auto;
	padding: 0;	
	text-align: center;
	padding-top: 35px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: center;
	min-height: 200px;
	background-color: #33FF66;
}
.container{
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	background-color: none;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	max-width: none !important;
	width: 1024px;
}
.container-full {
  margin: 0 auto;
  width: 100%;
}
.divtop{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	background-color: none;
	/*background-image: url(../img/gradiente_line.png);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.divh1{
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	background-color: none;
	/*background-image: url(../img/gradiente_line.png);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.modal-body {
  position: relative;
  padding: 0px;
}
.modal .modal-body {
    max-height: 385px;
    overflow-y: auto;
}
.dlg-window-modal{
	width: 900px;
	height: 500px;
}
.dlg-window-modal-content{
	background-size: 100% 100%;
	background-position: top center;
	padding-top: 0px;
	padding-left: 120px;
	padding-right: 108px;
	padding-bottom: 0px;
	vertical-align: top;
	background-color: #ffffff;
	background-image: url(../img/pergaminho.png);
	width: 900px;
	height: 500px;
}
.divred h1,.divred h2,.divred legend{
	color: #000033;
}
.divprincipal{
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	background-color: none;
	/*background-image: url(../img/gradiente_line.png);*/	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.pergaminho{
	background-image: url(../img/pergaminho.png);
	background-size: 100% 100%;
	background-position: top center;
	padding-top: 0px;
	padding-left: 120px;
	padding-right: 108px;
	padding-bottom: 0px;
	vertical-align: top;
}
.divcontent{
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	background-color: none;
	/*background-image: url(../img/background_dlg.png);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.divred{
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	color: #FFFFFF;
	background-color: #CC0000;
	/*background-image: url(../img/gradiente_line.png);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.divred h1,.divred h2,.divred legend{
	color: #FFFFFF;
}
.divgreen{
	background-size: 100% 100%;
	background-position: top center;
	vertical-align: top;
	min-height: 5px;
	background-color: #006633;
	/*background-image: url(../img/gradiente_line.png);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
ul.ul-list-line {
	list-style-image: url("../img/glyphicons_free/glyphicons/png/glyphicons_433_minus.png");
}
.img-logo{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	width:160px;
	height:160px;
}
.img-livro{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	width:400px;
	height:500px;
}
.img-resenha{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	width:90px;
	height:90px;
}
.img-parceiro{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	width:250px;
	height:250px;
}
.img-iconesocial{
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	width:28px;
	height:28px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;	
}
/*Facilitador pra criar botões http://css-tricks.com/examples/ButtonMaker/*/
button.btn-red {
   border-top: 1px solid #2b2a2a;
   background: #d66565;
   background: -webkit-gradient(linear, left top, left bottom, from(#f20303), to(#d66565));
   background: -webkit-linear-gradient(top, #f20303, #d66565);
   background: -moz-linear-gradient(top, #f20303, #d66565);
   background: -ms-linear-gradient(top, #f20303, #d66565);
   background: -o-linear-gradient(top, #f20303, #d66565);
   padding: 7px 14px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
button.btn-red:hover {
   border-top-color: #8f1d1d;
   background: #8f1d1d;
   color: #ccc;
   }
button.btn-red:active {
   border-top-color: #d44242;
   background: #d44242;
}
