@import "core.less";

section {

	.content {
		padding-top: 35px;
	}

	.breadcrumb {
		.bgTituloBig;
		background-position: 0 bottom;
		clear: both;
		font-family: @fontFamilyCantarell;
		font-size: 14px;
		margin-bottom: 25px;
		text-transform: uppercase;

		a {
			color: @corCinzaEscuro;
			float: left;
		}// a

		ul.links {
			float: left;
			overflow: hidden;
			text-align: left;
			white-space: nowrap;
		  width: 790px;

		  li {
		  	  color: @corCinzaEscuro;
		  	  display: inline-block;
		  	  line-height: 24px;
			  white-space: nowrap;
			  width: auto;

				div {
					.divBreadcrumb;
					margin: 9px 7px 0 8px;
					width: 5px;
				}

				a {
					float: none;
				}// a
a
				&:first-child {
					line-height: 26px;

					a {
						font-family: @fontCasper;
						margin-top: 2px;
					}
				}// first-child

			}// li
		}// links

		.boxAddthis {
			height: 16px;
		}

	}/* breadcrumb */

	.tituloInterna {
		color: @corCinzaDark;
		font-family: @fontFjalla;
		font-size: 34px;
		text-transform: uppercase;

		span {
			color: @corAzulEscuro;
		}

		.txt {
			float: left;
		}

		.ordenar {
			.pattern;
			font-family: @fontFamilyCantarell;
			font-size: 10px;

			.chosen-container,
			.chzn-container {
				.chosen-single,
				.chzn-single {
					background: url(../img/icone/seta-down-ordenar.png) 170px center no-repeat;
					border: 1px solid @corBorderForm;
					border-radius: 0;
					box-shadow: none;
					color: @corCinzaEscuro;
					height: 27px;
					padding-top: 3px;

					span {
						color: @corCinzaEscuro;
					}
				}

				.chosen-single-with-drop,
				.chzn-single-with-drop {
					border-left: 1px solid @corBorderForm;
					border-right: 1px solid @corBorderForm;
					border-top: 1px solid @corBorderForm;
				}

				.chosen-drop,
				.chzn-drop {

					.pattern;
					border-bottom: 1px solid @corBorderForm;
					border-left: 1px solid @corBorderForm;
					border-right: 1px solid @corBorderForm;
					margin-top: -1px;

					.chosen-search {
						display: none;
					}

					.chosen-results,
					.chzn-results {
						li {
							border-top: 1px solid @corBorderBox;
							color: @corCinzaEscuro;
							padding: 8px 6px;

							&.highlighted {
								background: @corCinzaClaro;
								color: @corCinzaEscuro;
							}
						}
					}/* chosen-results */
				}/* chosen-drop */
			}/* chosen-container */
		}/* ordenar */
	}/* tituloInterna */

	.imglinkSocial {
		float: left;
		margin: 9px 0 15px 9px;

		.redeSocial {
			text-align: center;

			ol {
				li {
				 	display: inline-block;

				 	a {
						margin: 0 3px;

						&.facebook {
							path {
								fill: @corFacebook;
							}
						}
						&.twitter {
							path {
								fill: @corTwitter;
							}
						}
						&.youtube {
							path {
								fill: @corYoutube;
							}
						}
						&.instagran {
							path {
								fill: @corInstagram;
							}
						}
						&.skoob {
							path {
								fill: @corSkoob;
							}
						}
					}/* a */
				}/* li */
			}/* ol */
		}/* redeSocial */
	}/* imglinkSocial */

	.btnLinkImg {
		.btn;
		border: 1px solid @corClara;
		color: @corCinzaEscuro;
		font-size: 13px;
		height: 28px;
		margin-bottom: 20px;
		margin-top: 30px;
		padding-top: 10px;
		text-align: center;

		&:hover {
			border-color: @corCinzaEscuro;
		}
	}/* btnSiteBlog */

	.listaLivro {

		li {
			display: inline-block;
			vertical-align: top;

			.dadosImg {
				border: 1px solid @corBorderBox;
				padding-bottom: 20px;
			}
		}
	}/* listaLivro */

	.chosen-container {
		.chosen-single {
			color: @corCinzaEscuro;

			span {
				color: @corCinzaEscuro;
			}
		}

		.chosen-single-with-drop {
			border-left: 1px solid @corCinzaEscuro;
			border-right: 1px solid @corCinzaEscuro;
			border-top: 1px solid @corCinzaEscuro;
		}

		.chosen-drop {
			border-bottom: 1px solid @corCinzaEscuro;
			border-left: 1px solid @corCinzaEscuro;
			border-right: 1px solid @corCinzaEscuro;
			margin-top: -1px;

			.chosen-search {
				display: none;
			}

			.chosen-results {
				margin: 0;
				text-align: left;

				li {
					border-top: 1px solid @corBorderBox;
					color: @corCinzaEscuro;
					padding: 8px 6px;
					width: auto;

					&.highlighted {
						background-color: @corCinzaClaro;
						color: @corCinzaEscuro;
					}
				}
			}/* chosen-results */
		}/* chosen-drop */
	}/* chosen-container */

	.left {

		.vendidos {
			margin-top: 60px;
		}
		.naoEcontrado{ margin-top:20px;}
	}/* left */

	.bar {
		background-color: @corBgBox;
		padding: 20px;

		.tituloSessao {
			margin: 25px 0 25px 0;
			/*
			.azul {
				color: @corAzulEscuro;
			}
			*/
		}

		form {
			input[type="text"],
			input[type="button"],
			input[type="submit"] {
				border-color: @corBorderForm;
				color: @corCinzaEscuro;
				height: 38px;
				padding: 0 20px;
			}

			input[type="text"] {
				height: 36px;
				margin-bottom: 10px;
				width: 208px;
			}

			input[type="button"],
			input[type="submit"] {
				border-color: @corCinzaEscuro;

				&:hover {
					border-color: @corBorderForm;
				}
			}
			
			.lineClear {
				border: 1px solid @corBorderForm;
				
				input[type="text"],
				input[type="button"],
				input[type="submit"] {
					border: 0 none;
					float: left;
				}
				input[type="text"] {
					width: 178px;
					margin: 0;
				}
				input[type="button"],
				input[type="submit"] {
					background-position: left center;
					.lupaBusca;
					padding: 0;
					height: 36px;
					width: 25px;
				}
			}/* lineClear */
		}/* form */

		a {
			background-position: 0 bottom;
			.bgTitulo;
			color: @corCinza;
			font-family: @fontFjalla;
			font-size: 15px;
			margin-bottom: 5px;
			padding-bottom: 5px;
			text-transform: uppercase;

			&:hover {
				color: @corCinzaEscuro;
			}

			small {
				font-family: @fontFamilyCantarell;
				font-size: 12px;
				margin-right: 5px;
			}
		}/* a */

		.genero {
			clear: both;
			float: left;
			font-family: @fontFamilyCantarell;
			font-size: 11px;
			margin-bottom: 6px;
			text-transform: uppercase;

			.chosen-container {
				.chosen-single {
					background: url(../img/icone/seta-down-form.png) 215px 16px no-repeat;
					border: 1px solid @corBorderForm;
					border-radius: 0;
					box-shadow: none;
					color: @corCinzaEscuro;
					font-family: @fontFamilyCantarell;
					font-size: 11px;
					height: 30px;
					margin: 0;
					padding: 6px 0 0 20px;
					text-transform: uppercase;
					width: 228px;

					&:hover { color: @corCinzaEscuro; }
				}/* chosen-single */

				.chosen-drop {
					background-color: @corCinzaClaro;
					border-color: @corBorderForm;

					.chosen-results {
						li {
							border-color: @corBorderForm;
							color: @corCinzaEscuro;
							font-size: 11px;
							padding: 8px 18px;

							&.highlighted {
								background: @corCinzaClean;
								color: @corCinzaEscuro;
							}
						}
					}/* chosen-results */
				}/* chosen-drop */
			}/* chosen-container */
		}/* genero */
	}/* bar */

	.autor {
		border: 1px solid @corBorderBox;
		margin: 40px 0 50px 0;
		/* width: 938px; */

		.imglinkSocial {
			width: 180px;
		}/* imglinkSocial */

		.nomeDescricao {
			float: left;
			margin-left: 20px;
			/* width: 710px; */

			.tagDestaque {
				background-color: @corDourado;
				color: @corClara;
				font-size: 10px;
				margin-top: -1px;
				padding: 5px 10px;
				position: absolute;
				right: 1px;
				text-transform: uppercase;
			}

			.nome {
				color: @corCinzaDark;
				font-family: @fontFjalla;
				font-size: 28px;
				margin: 20px 0 15px 0;
				text-transform: uppercase;
			}/* nome */

			.descricao {
				color: @corCinzaEscuro;
				font-size: 14px;
				text-align: justify;

				p {
					margin-bottom: 20px;
				}
			}/* descricao */
		}/* nomeDescricao */
	}/* autor */

	.catLivro {
		.bgTituloBig;
		color: @corCinzaEscuro;
		font-family: @fontFjalla;
		font-size: 28px;
		padding-top: 30px;
		text-transform: uppercase;

		a,
		.subCat {
			color: @corAzulEscuro;
			font-family: @fontFamilyCantarell;
			font-size: 13px;
			font-weight: 600;
			margin: 20px 0 30px;

			span {
				color: @corCinza;
				line-height: 20px;
			}
		}

		.btnSkoob {
			margin-top: 0;	
		}
	}/* catLivro */

	.boxDisqus {
		margin: 30px 0
	}


	#paginacao {
		> p {
    	color: @corCinza;
    	font-size: 10px;
    	margin-top: 10px;
    	position: absolute;
    	text-align: left;
    	text-transform: uppercase;
    }
  }// paginacao

	.pagination {
		color: @corCinza;
		font-size: 10px;
		margin: 40px 0 20px;
    text-align: center;

    a,
    span {
      border: 1px solid @corBorderBox;
      color: @corCinzaDark;
      display: inline-block;
      font-family: @fontFjalla;
      height: 22px;
      padding: 8px 5px 0;
      width: 18px;
      
      &:hover { border: 1px solid @corDourado; }
      &.active,
      &.current { border: 1px solid @corClara; }

      span { color: @corCinza; }
      
      &.disabled {
        color: #eee;
        background: #fff;

        &:hover {
      		background-position: 0 0 !important;
      	}
      }

      &.prev,
      &.next {
      	border: 0 none;
      	height: 25px;
      	padding: 11px 5px 0;
      	text-indent: -9999px;
      	width: 20px;

      	&:hover {
      		background-position: 0 -37px;
      	}
      }

      &.prev {
      	background: url(../img/icone/paginacao-left.png) no-repeat 0 0;
      	margin-right: -4px;
      }
      &.next {
      	background: url(../img/icone/paginacao-right.png) no-repeat 0 0;
      	margin-left: 5px;
      }
    }/* a */
	}/* paginacao */

}/* section */

&.lista {

	.content {
		.bar {				

			#datePickerDe,
			#datePickerAte { background-position: 215px center; }

		}// right
	}// content
}// lista

.alpha-list {
    
    &:first-child {
        margin-top: 20px; 
    }
    
    &:last-child {
        margin-bottom: 20px;
    }
    
    li {
        float: left;
        width: 23px !important;
        a {
            padding: 0px 7px;
			line-height: 21px;
			font-family: @fontFjalla;
			color: #464646;
			border: 1px solid #fff;
			margin: 4px;
			width: 4px;
            
            &.active {
                border: 1px solid @corAzul !important;
            }
            
            &:first-child {
                margin-left: 0px;
            }
            
            &:last-child {
                margin-left: 0px;
            }
            
            &:hover {
                border: 1px solid @corAzul;
            }
        }
    }
}



@media screen and (min-width: 320px) and (max-width: 960px) {
	.alpha-list {
	    display: none !important;
	}
}