/* 
Website: Devoradores de Livros
Descrição: Folha de estilos do website Devoradores de Livros
Versão: 1.2 | 2013
Autores: Pedro Valentini e Rafael Correia
Licença: http://creativecommons.org/licenses/by-nc-nd/3.0/
Contato: http://www.pvalentini.net/
*/

/* Estilo Website Devoradores */

#center_box1 { 
    float: left;
    background: url(../img/devoradores_livros_center_box_bg.jpg) no-repeat; 
    width: 779px;
    min-height: 613px;
}
.defaultbg {
    float: left;
    background: url(../img/devoradores_livros_center_box_bg.jpg) no-repeat;
    width: 779px;
/*    min-height: 613px;*/
}


/* Perfil */

#box_sidebar_left { width: 480px; height: 308px; float: left; margin-top: 20px; margin-left: 150px; }

#box_sidebar_left img.personagem { margin-left: 130px; margin-top: -10px; float: left; }

#box_sidebar_left ul { margin: 0; padding: 0; list-style: none; float: left; }

#box_sidebar_left a { color: #FF6702; }

#box_sidebar_left a:hover { color: #ff6600; }

#box_sidebar_left_bottom  { width: 620px; height: 290px; float: left; }

#box_sidebar_left_bottom h3 { 
    color: #333; 
    text-transform: none;
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
	font-size: 18px;
    margin: 6px 0;
}

#box_sidebar_left_bottom #search {margin: 0 0 10px 20px; background: url(../img/searchbox.gif) no-repeat; }

#box_sidebar_left_bottom #search .button a {float:left;  margin: 0 10px -5px 0; border:0px; width:100px; height:20px; color: #FF6702; font-weight: bold; }

#box_sidebar_left_bottom #search .button a:hover {float:left;  margin: 0 10px -5px 0; border:0px; width:100px; height:20px;}

#box_sidebar_left_bottom #search .button p { float:left;  margin: 10px; border:0px; }

#box_sidebar_left_bottom #search .button img { float: left;  margin: 0; }


/* LISTA DE LIVROS */

#books-list-page {
/*    clear: both;*/
/*    float: left;*/
    background: url(../img/devoradores_livros_center_box_02_bg.jpg) no-repeat; 
    width: 682px;
    height: 607px;
    padding: 20px 50px 0px 50px;
/*    border: 1px red solid;*/
/*    margin: 0;*/
}

#books-list {
  clear: both;
}

#books-list #livrinhos {
/*  background: url(../img/devoradores_livros_base_imagem_menor.gif) no-repeat; */
	float: left; 
	width: 110px; 
	height: 180px;
	margin-left: 12px;
	margin-right: 12px;
	text-align: left;
}

#books-pagination {
	clear: both;
	text-align: center;
	height: 30px;
	padding-top:30px;
	font-weight: bold;
}
#books-pagination span a, #books-pagination span.current {
    padding: 4px 6px;
    background-color: #fff;
    font-size: 13px;
    margin: 0 0;
    text-decoration: none;
}
.devorador-book-list {
	float: left;
	margin-left: -200px;
	margin-top: 350px;
}


/* VER LIVRO */

#book-page {
	background: url(../img/devoradores_livros_center_box_bg.jpg) no-repeat;
	width: 719px;
	min-height: 573px;
	padding: 20px 30px 20px 30px;
}
#book-page .left-infos {
	float: left;
	width: 180px;
    text-align: center;
    margin-bottom: 20px;
}
#book-page .left-infos h2 {
	margin-bottom: 0;
}
#book-page .right-infos {
	float: left;
	margin-left: 2em;
	width: 460px;
}
#book-page .right-infos h2 {
	margin-top: 0;
	margin-bottom: 0.5em;
}
#book-page .book-infos {
	float: left;
	text-align: left;
	color: #666;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	width: 300px;
}
#book-page .more-infos {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
#book-page .more-infos-right {
	float: left;
	margin-top: 2em;
}
#book-page .more-infos-right .line {
	text-align: center;
	margin-bottom: 2.5em;
}
#book-page img.devorador-livros {
	margin-top: 20px;
	margin-left: 80px;
}
.more-infos-right .votes {
	margin-top: 10px;
}


/* FIREFOX HACK */

#book-page h2 {
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
}



/* QUIZ RESPONDER */

#quiz-top {
    padding: 5px 10px 0 10px;
	height: 55px;
	width: 580px;
	margin-left: 140px;
	margin-top: 30px;
    border-top: 1px solid orange;
	border-bottom: 1px solid orange;
}
#quiz-top h2 {
	display: block;
	float: left;
    font-size: 22px;
    margin-top: 14px;
}
#quiz-top #smiles {
	float: right;
	margin-top: 10px;
}
#smiles div {
	float: left;
	width: 29px;
	height: 32px;
	margin: 0 2px;
	background: url(../img/carinhas.png) no-repeat;
}
#smiles div.empty {
	background-position: 0 0;
}
#smiles div.green {
	background-position: -29px 0;
}
#smiles div.gray {
	background-position: -58px 0;
}
#smiles div.red {
	background-position: -87px 0;
}

#quiz-middle {
    clear: both;
	width: 560px;
	margin: 30px 20px 30px 150px;
}
#quiz-middle h3 { 
    color: #FF6702;
}
#quiz-middle h2 { 
    font-size: 18px;
    font-family: 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
}

#tente-denovo {
    float: left;
    position: absolute;
    margin: 30px 0 0 -200px;
}

#quiz-question {
    float: left;
	background-color: #fff;
	margin-left: 140px;
	width: 560px;
	padding: 20px;
}
#quiz-question ul#options {
/*    display: table-row;*/
	list-style: none;
	padding: 0;
}
#quiz-question ul#options li {
    display: block;
    height: 75px;

/*    display: table-cell;*/
/*    vertical-align: text-middle;*/
/*    position: relative;*/
/*    width: 550px;*/
/*    line-height: 33px;*/
/*    border: 1px red solid;*/
}
#quiz-question ul#options li a {
	/*  display: table-cell;*/
	/*  vertical-align: text-middle;*/
	/*  position: absolute;*/
	/*  top: 50%;*/
	
  	display: block;
	margin-top: auto;
    padding: 0px 0px 0px 44px;
  	min-height: 33px;
	background: url(../img/radio-empty.gif) no-repeat;
	
  	cursor: hand;
	text-decoration: none;
	font-size: 16px;
	color: #333;
}
#quiz-question ul#options li a.gray {
	background: url(../img/radio-empty-gray.gif) no-repeat;
}
#quiz-question ul#options li a.red {
    color: #cc1e00;
}
#quiz-question ul#options li a.green {
    color: #62CA37;
}
#quiz-question ul#options li a:hover, #quiz-question ul#options li a.active {
	background: url(../img/radio-answer.gif) no-repeat;
}
#quiz-question ul#options li a.gray:hover, #quiz-question ul#options li a.gray.active {
	background: url(../img/radio-answer-gray.gif) no-repeat;
}

/*#quiz-question ul#options li.answer {
	background: url(../img/radio-answer.gif) no-repeat;
}
*/
#quiz-question h3#clock {
    float: right;
    margin: 0 40px 20px 0;
    font-size: 22px;
}

/* QUIZ RESULTADO */

#quiz-result-top {
	height: 150px;
	width: 580px;
	margin-left: 140px;
}
#quiz-result-top h2 {
	display: block;
	float: left;
    font-family: 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
    font-size: 16px;
    margin-top: 80px;
    margin-left: 10px;
}
#quiz-question h2 { 
    font-size: 18px;
    font-family: 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
}
#quiz-question h3 {
    font-size: 16px;
    font-family: 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
}
#quiz-question h3.orange {
    margin-top: 0;
}
#coins, #medal {
    float: right;
    width: 101px;
    height: 100px;
    margin-top: 37px;
    margin-right: 50px;
}
#coins {
	background: url(../img/moeda.png) no-repeat;
}
#coins-message {
	float: right;
	text-align: center;
    width: 101px;
    height: 100px;
    margin-top: 37px;
    margin-right: 50px;
}
#points {
    float: right;
    background: url(../img/splash.png) no-repeat -5px 0;
    width: 155px;
    height: 118px;
    margin-top: 20px;
}
#points div, #coins div {
    color: #fff;
    width: 100%;
    text-align: center;
}
#points div.number {
    font-size: 32px;
    margin-top: 35px;
}
#coins div.number {
    font-size: 32px;
    margin-top: 20px;
}
#points div.text, #coins div.text {
    font-size: 11px;
}
#quiz-top.result {
    margin-top: 0;
}
#quiz-question .left {
    float: left;
    width: 350px;
}
#quiz-question .right {
    float: left;
}
#grafico {
    margin-top: 60px;
    width: 200px;
    height: 200px;
}

#buy-avatar-item {
    padding: 20px;
    font-size: 14px;
}
#buy-avatar-item .image {
    float: left;
    width: 100px;
    height: 100px;
}
#buy-avatar-item .text img {
    margin-top: 20px;
}
#buy-avatar-item .text {
    float: left;
    width: 200px;
}

/* AVALIAR LIVRO, QUIZ */

#quiz-question ul#options.book-note li {
    height: 52px;
/*	border: 1px green solid;*/
}
#quiz-question ul#options.book-note li a span {
	display: block;
	float: left;
	padding-top: 8px;
/*    border: 1px red solid;*/
}
#quiz-question ul#options.book-note li a div {
	float: right;
	width: 200px;
	margin-right: 200px;
}
#quiz-question ul#options.book-note li a div img {
	float: left;
}

/* HISTORICO */

#historico {
    margin-left: 30px;
}
#historico table {
    margin: 20px;
}
#historico thead {
    border-bottom: 1px solid #FF6702;
}
#historico td {
    font-size: 13px;
    padding: 3px 12px;
}


/* FAQ e POLITICA DE PRIVACIDADE */

#pag-texto {
    float: left;
    width: 650px;
    margin-left: 60px;
    margin-bottom: 30px;
}
#pag-texto a {
    color: #333;
}
#pag-texto .perguntas {
    margin-bottom: 20px;
}
#pag-texto .perguntas p {
	padding-bottom: 2px;
}
#pag-texto .devorador-menu-bottom {
	margin-top: 350px;
	margin-left: -190px;
}
#pag-texto p {
	padding-bottom: 1em;
}

/* Quem somos */

h1.quem-somos {
	margin-left: 20px;
}
.devorador-menu-bottom {
	position: absolute;
	float: left;
	margin: 275px 0 0 -270px; 
}

#left_column {
	float: left; 
	margin-left: 120px;
	width: 304px;
/*	border: 1px red solid;*/
}
#left_column img {
	margin-bottom: 10px;
}
#left_column p { 
	padding-bottom: 10px; 
}

#right_column {
	margin-left: 20px;
	width: 310px;
	float: left;
/*	border: 1px red solid;*/
}
#right_column p {
	padding-bottom: 10px;
	font-size: 11px;
}
#right_column h4 {
	margin: 0;
	font-size: 11px;
}

/* end Quem somos */


/* PLANOS */

h1.planos {
	margin-left: 10px;
}

div#center_box_02 div.planos {
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	width: 340px;
}
div#center_box_02 div.planos-right {
	float: left;
	margin-left: 20px;
	width: 340px;
}
div#center_box_02 div.promo {
	clear: both;
	margin-left: 30px;
}
div.half {
	float: left;
	width: 49%;
}
div#center_box_02 div.selo {
	clear: both;
	margin-left: 165px;
	margin-bottom: 20px;
}

div.plan-details {
	clear: both;
	margin-left: 70px;
	margin-right: 50px;
	margin-bottom: 30px;
}
div.plan-details p {
	margin-bottom: 15px;
}

div.box-plano {
	float: left;
	height: 120px;
}
div.box-plano .left {
	float: left;
	width: 105px;
}
div.box-plano .right {
	float: left;
	width: 200px;
}
div#center_box_02 div.box-plano .right h2 {
	margin-top: 10px;
	margin-bottom: 6px;
	font-family: 'MS Trebuchet', Helvetica, Arial;
	font-weight: bold;
	font-size: 1.1em;
/*	'gooddog'*/
}

div#plano-codigo, div#plano-escolar {
	float: left;
}
div#plano-codigo {
	
}
div#plano-codigo p {
	margin-bottom: 15px;
}

div#plano-codigo .submit input { 
	background: url(../img/button_cadastrar.png) no-repeat; 
	width: 100px;
	height: 35px; 
	margin-top: 5px;
	border: none; 
	color: transparent;
}

div#plano-escolar {
	margin-top: 30px;
}

/* CLIPPING */
#pag-texto .clipping {
	
}
.clipping h3 {
	margin-top: 20px;
	margin-bottom: 6px;
}
.clipping div.info {
/*	margin-top: 20px;*/
	padding-bottom: 10px;
}


/* PAGINA LEITURA */

#center_box.pagina-leitura #box_lateral_esquerda {
	width: 320px;
}
#center_box.pagina-leitura #box_lateral_direita {
	width: 320px;
	margin-left: 60px;
}
#center_box.pagina-leitura h1 {
	margin-bottom: 1em;
}
#center_box.pagina-leitura h2 {
	margin-bottom: 1.5em;
}
#center_box.pagina-leitura p {
	padding-top: 0.2em;
/*	margin-top: 0.2em;*/
}
#center_box.pagina-leitura div.small-images {
	float: right;
}
#center_box.pagina-leitura .default-form .submit {
	margin-bottom: 20px;
}
#center_box.pagina-leitura div.facebox {
	float: left;
	margin: 30px 0 0 25px;
}

/* NOVOS PADROES */

ul.default-list {
	list-style: none;
}
ul.default-list li {
	padding-bottom: 0.6em;
	line-height: 1.4em;
}

.default-form {
	
}
.default-form .input label { 
	display: block;
	float: left;
	width: 120px;
	margin-top: 2px;
	text-align: right;
}
.default-form .input input { 
	float: left;
	width: 180px;
	margin-left: 4px;
}
.default-form .submit input { 
	background: url(../img/button_enviar.png) no-repeat; 
	width: 100px;
	height: 35px; 
	margin-left: 125px;
	margin-top: 10px;
	border: none; 
	color: transparent;
}

div.small-images img {
	margin-left: 5px;
}


/* ADMIN */

#admin_menu {  
    float: left; 
    margin-left: 25px;
    width: 135px;
    line-height: 1.3;
	min-height: 500px;
}

#center_admin {
	margin-left: 20px;
}
table.admin {
	width: 80%;
	line-height: 1.5em;
}
thead {
	font-weight: bold;
}

.pbtn{
	background: linear-gradient(to bottom, #ff6600 43%,rgb(241, 168, 85) 100%)!important;
	-webkit-box-shadow: inset 0px 0px 0px 4px #ff6600e3!important;
	-moz-box-shadow: inset 0px 0px 0px 4px #ff6600e3!important;
	box-shadow: inset 0px 0px 0px 4px #ff6600e3!important;
	text-transform: uppercase;
	font-size: 1.6em!important;
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial!important;
	margin: 0 0 10px 0!important;
	-webkit-border-radius: 40px!important;
	-moz-border-radius: 40px!important;
	border-radius: 40px!important;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	font-weight: 300!important;
}

.pbtn:hover{
	color: #fff;
	background-color: #ffad13;
}

.swal-pwd{
	background-color: #eaeee3!important;
}
.swal-pwd .swal2-success-circular-line-left, .swal-pwd .swal2-success-circular-line-right, .swal-pwd .swal2-success-fix{
	display: none;
}
.swal-pwd .swal2-title{
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial!important;
	margin: 0 0 10px 0!important;
	color: #FF6600!important;
	font-weight: 300!important;
}

.swal-pwd .swal2-content{
	font-family: 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial!important;
}

.swal-pwd .swal2-confirm{
	background: linear-gradient(to bottom, #ff6600 43%,rgb(241, 168, 85) 100%)!important;
	-webkit-box-shadow: inset 0px 0px 0px 4px #ff6600e3!important;;
	-moz-box-shadow: inset 0px 0px 0px 4px #ff6600e3!important;;
	box-shadow: inset 0px 0px 0px 4px #ff6600e3!important;
	text-transform: uppercase;
	font-size: 1.4em!important;
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial!important;
	margin: 0 0 10px 0!important;
	-webkit-border-radius: 40px!important;
	-moz-border-radius: 40px!important;
	border-radius: 40px!important;
	/*background-color: #FF6600!important;
	font-size: 1.4em!important;
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial!important;
	margin: 0 0 10px 0!important;
	box-shadow: inset 0px -1px 6px -2px rgba(0,0,0,0.75)!important;
	-webkit-box-shadow: inset 0px -1px 6px -2px rgba(0,0,0,0.75)!important;
	-moz-box-shadow: inset 0px -1px 6px -2px rgba(0,0,0,0.75)!important;*/
}

.swal-pwd .swal2-cancel{
	font-size: 1.4em!important;
	font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial!important;
	margin: 0 0 10px 10px!important;
	background-color: rgb(221, 51, 51)!important;
	text-transform: uppercase;
	background: linear-gradient(1deg, rgb(234, 238, 227) -28%,rgba(192,201,212,1) 41%)!important;
	-webkit-box-shadow: inset 0px 0px 0px 4px #bbc6d29c!important;;
	-moz-box-shadow: inset 0px 0px 0px 4px #bbc6d29c!important;
	box-shadow: inset 0px 0px 0px 4px #bbc6d29c!important;

	-webkit-border-radius: 40px!important;
	-moz-border-radius: 40px!important;
	border-radius: 40px!important;
}