/*
 * Bitarte 2016
 *
 */

/************************************************
Fonts
************************************************/
@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Asap:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);


/************************************************
Elements
************************************************/
body {
	font-family: 'Raleway', sans-serif;
	color: #7e7e7e;
}
h1 {
	margin: 0 0 30px;
	padding: 8px 0 8px 10px;
	font-size: 28px;
	font-weight: 700;
	color: #3c494f;
	border-left: 7px solid #e92c35;
}
h1 span {
	display: block;
	margin-top: 2px;
	font-size: 18px;
	font-weight: 300;
	color: #a8a8a8;
}
h2 {
	margin: 20px 0;
	padding: 8px 0 8px 10px;
	font-size: 24px;
	font-weight: 600;
	color: #3c494f;
	border-left: 7px solid #e92c35;
}
h2 span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 300;
	color: #a8a8a8;
}
a,
button {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	outline: none !important;
	color: #3c494f;
}
i {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a:hover,
a:focus {
	color: #e92c35;
	text-decoration: none;
}
h3,
h4 {
	margin-bottom: 15px;
	font-size: 20px;
	color: #3c494f;
}
h3 span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 300;
	color: #a8a8a8;
}

/************************************************
Layout
************************************************/
.wrapper {
	margin-top: 50px;
	margin-bottom: 0;
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}
.col-md-5 {
	width: 18.8%;
	margin-right: 1.5%;
	float: left;
}
.col-md-5:first-child {
	margin-left: 0;
}
.col-md-5:last-child {
	margin-right: 0;
}
@media (max-width: 768px) {
	.col-md-5 {
		width: 50%;
		max-width: inherit;
		margin-bottom: 30px;
		margin-right: inherit;
		float: left;
	}
	.col-md-5:nth-child(2n+1) {
		margin-right: 0;
	}
}
@media (max-width: 480px) {
	.col-md-5 {
		width: 50% !important;
	}
}

/************************************************
Navbar
************************************************/
.navbar-inverse {
	background-color: #e4e9e9;
	border: 0;
	margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand {
	line-height: 50px;
	height: 80px;
	font-weight: 500;
	color: #3c494f;
}
.navbar-inverse .navbar-brand {
	padding: 0 15px;
}
.navbar-inverse .navbar-nav > li.active > a {
	font-weight: 900;
	color: #e92c35;
	background: none;
}
.navbar-inverse .navbar-nav > .active > a:hover {
	background: none;
}
.navbar-inverse .navbar-nav > li > a {
	color: #3c494f;
}
.navbar-inverse .navbar-nav > li > a:focus {
	color: #3c494f;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #000;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
	background: #fff;
	color: #3c494f;
	box-shadow: 0 12px 12px rgba(0, 0, 0, 0.176);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
	background: none;
}
.navbar-inverse .navbar-nav .lang {
	max-width: 50px;
	text-align: center;
}
.navbar-inverse .navbar-nav .lang a {
	padding-left: 0;
	padding-right: 0;
	font-size: 12px;
}
.navbar-inverse .navbar-nav .lang a.active {
	font-weight: 800;
}
.navbar-inverse .navbar-nav .separator {
	height: 80px;
	padding: 0 5px;
	line-height: 80px;
}
.navbar-inverse .navbar-nav .dropdown-menu {
	background-color: #ffffff;
	box-shadow: 0 12px 12px rgba(0, 0, 0, 0.176);
	border: 0;
}
.navbar-inverse .navbar-nav span.caret {
	margin-left: 5px;
}

/************************************************
Login form
************************************************/
.navbar-inverse .navbar-right {
	margin-bottom: 0;
	margin-right: 0;
}
.navbar-inverse .navbar-right .login .dropdown-toggle {
	margin-right: 10px;
	padding-left: 28px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
}
.navbar-inverse .navbar-right .login .dropdown-toggle > span {
	margin-right: 5px;
	font-size: 12px;
}
.navbar-inverse .navbar-right #login-dp {
	min-width: 250px;
	padding: 30px 14px 0;
	margin-right: 10px;
	overflow: hidden;
}
.navbar-inverse .navbar-right #login-dp .help-block {
	font-size: 12px;
}
.navbar-inverse .navbar-right #login-dp .bottom {
	background-color: rgba(255, 255, 255, 0.8);
	border-top: 1px solid #ddd;
	clear: both;
	padding: 14px;
}
.navbar-inverse .navbar-right #login-dp .form-group {
	margin-bottom: 10px;
}
.navbar-inverse .navbar-right #login-dp .btn-primary {
	width: 100px;
	margin-bottom: 15px;
}
@media (max-width: 768px) {
	#login-dp {
		background-color: inherit;
	}
	#login-dp .bottom {
		background-color: inherit;
		border-top: 0 none;
	}
}

/************************************************
Searchbox
************************************************/
#searchbox {
	height: 84px;
	padding: 20px 0;
	background: #3c494f;
}
#searchbox .text {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	line-height: 50px;
	text-align: right;
}
#searchbox .form-control.inputtext {
	max-width: 800px;
	width: 80%;
	height: 44px;
	/*border: 5px solid @color1;*/
	float: left;
	border-radius: 0;
	font-size: 16px;
}
#searchbox .btn {
	max-width: 170px;
	width: 20%;
	height: 44px;
	margin: 0;
	padding: 5px 18px 3px;
	background: #e92c35;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border: 0;
	border-radius: 0;
}
#searchbox .btn i.glyphicon {
	float: left;
	margin-top: 3px;
	font-size: 22px;
}
#searchbox .btn span.btntext {
	font-size: 20px;
}
#searchbox .btn::after {
	content: '';
	text-transform: uppercase;
}
#searchbox .social {
	padding-top: 8px;
	overflow: hidden;
}
#searchbox .social a {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
	opacity: 0.8;
}
#searchbox .social a:last-child {
	margin-right: 0;
}
#searchbox .social a img {
	width: 30px;
}
#searchbox .social a:hover {
	opacity: 1;
}

/************************************************
Mini cesta compra
************************************************/
.minicart {
	line-height: 50px;
	text-align: center;
}
.minicart i {
	display: inline-block;
	font-size: 25px;
	color: #e92c35;
}
.minicart a {
	font-size: 22px;
	color: #fff;
}
.minicart .total {
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font: 600 15px/25px 'Open Sans', sans-serif;
	border-radius: 50%;
	background: #6D777B;
}
.minicart button {
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444, #222);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 2px 10px;
}
.minicart .text2 {
	font-size: 27px;
}

/************************************************
Slider
************************************************/
.slider {
	background: #f0f0f0;
}
.slide-image {
	width: 100%;
}
.carousel-control,
.item {
	border-radius: 4px;
}
.carousel-control.left,
.carousel-control.right {
	background: none;
}
.carousel-indicators li {
	opacity: 0.3;
	background: #666;
	border-color: #666;
}
.slider .left {
	background: url(../images/left.png) center no-repeat;
}
.slider .right {
	background: url(../images/right.png) center no-repeat;
}

/************************************************
Services
************************************************/
.services {
	margin-bottom: 80px;
}
.services .col-sm-4 {
	text-align: center;
}
.services .service {
	min-height: 380px;
	padding: 0 30px 30px 30px;
	background: #f0f0f0;
}
.services .service img {
	margin-top: 45px;
	opacity: 1;
}
.services .service h3 {
	font-size: 25px;
	font-weight: 600;
	color: #3c494f;
}
.services .service p {
	font-size: 16px;
	font-weight: 300;
	color: #7e7e7e;
}

/************************************************
2 cols
************************************************/
.twocols {
	padding: 50px 15px 100px;
	background: #f0f0f0;
}
.twocols .book,
.ranking,
.ranking ul {
	padding: 0;
}
.twocols .book {
	width: 45%;
}
.twocols .ranking {
	width: 55%;
}
.twocols .book .thumbnail {
	max-width: 230px;
}
.ranking li {
	list-style: none;
	margin-bottom: 25px;
	clear: both;
}
.ranking span.number {
	display: inline-block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
	background: #e92c35;
	border-radius: 50%;
	color: #fff;
	font-size: 34px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-align: center;
}
.ranking h4 {
	padding-top: 5px;
}
.ranking h4 a {
	font-size: 19px;
	font-weight: 600;
}
.ranking h4 span {
	display: block;
	padding-left: 58px;
	font-size: 15px;
	font-weight: 400;
	color: #7e7e7e;
}

/************************************************
Books
************************************************/
.books {
	margin-bottom: 80px;
}
.book .thumbnail {
	padding: 5px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 8px 0 rgba(204, 204, 204, 0.5);
	margin-bottom: 4%;
}
.book a.thumbnail.active,
.book a.thumbnail:focus,
.book a.thumbnail:hover {
	border-color: rgba(87, 187, 43, 0.6);
}
.book .thumbnail img {
	width: 100%;
}
.book .caption {
	overflow: hidden;
	text-align: center;
}
.book .caption h4 {
	white-space: pre-line;
	margin-bottom: 2px;
}
.book .caption h4 a {
	font-size: 20px;
	font-weight: 700;
	color: #3c494f;
}
.book .caption p {
	margin-bottom: 5px;
	font-size: 16px;
	color: #7e7e7e;
	line-height: 18px;
}
.book .caption .price {
	margin: 8px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #3c494f;
}
.book .caption .quantity {
	padding: 5px 0;
	width: 50px;
}

/************************************************
Books list
************************************************/
.booklist {
	margin-bottom: 50px;
}
.booklist .book {
	margin-bottom: 30px;
}
.booklist .book h4 a {
	font-size: 17px;
}
.booklist .book .caption p {
	font-size: 14px;
}

/************************************************
Sidebar
************************************************/
.sidebar h3 {
	margin: 10px 0 30px;
	font-size: 28px;
	font-weight: 400;
	color: #696969;
}
.list-group li {
	list-style: none;
}
.list-group .lead {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #696969;
}
.list-group-item {
	padding: 10px 15px;
	border: 0;
	border-top: 1px solid #ddd;
	font-size: 14px;
	font-weight: 400;
}
.list-group-item:last-child {
	border-radius: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background: #e92c35;
	border-top: 1px solid #e92c35;
	color: #fff;
}
.sidebar img {
	width: 100%;
}

/************************************************
Content
************************************************/
.content {
	padding-bottom: 50px;
}
/** Top options **/
.content .top_options .row {
	padding: 10px 5px;
	margin: 0;
	background: #f0f0f0;
}
.content .top_options .filters {
	display: none;
	margin-bottom: 2px;
}
.content .top_options .order {
	margin-bottom: 15px;
}
.content .top_options label {
	padding-right: 5px;
	font-size: 12px;
	font-weight: 600;
	color: #555;
	display: inline-block;
	min-width: 65px;
}
.content .top_options i {
	font-weight: 700;
}
.content .top_options .links {
	display: inline-block;
	margin-left: 15px;
}
.content .top_options .bootstrap-select.normal {
	width: 150px !important;
}
.content .top_options .bootstrap-select.small {
	width: 65px !important;
}
.content .top_options button .filter-option {
	padding-top: 2px;
}
.content .top_options .btn-default:hover,
.content .top_options .btn-default:focus {
	background: #fff !important;
	color: #555;
}
.content .top_options .btn-default {
	color: #555;
}
.content .top_options .btn-default.active,
.content .top_options .btn-default:active,
.open > .dropdown-toggle.btn-default {
	background: #fff !important;
}
.content .top_options .btn-default:active,
.open > .dropdown-toggle.btn-default,
.content .top_options .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	border-color: #e92c35;
}
.content .top_options .bootstrap-select.btn-group .dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.content .top_options .bootstrap-select.btn-group .dropdown-menu li a span.text {
	font-size: 12px;
}
.content .top_options .filters {
	display: none;
}

/************************************************
Detail
************************************************/
.detail {
	margin-bottom: 50px;
}
.detail h1 {
	border: 0;
	padding: 0;
	margin: 5px 0;
	font-size: 28px;
	font-weight: 600;
}
.detail h1 span {
	font-size: 18px;
	font-weight: 700;
	color: #e92c35;
}
.detail .book {
	text-align: center;
	/*padding-left: 0;*/
	margin-bottom: 20px;
}
.detail .data {
	/*padding-left: 0;*/
	font-size: 15px;
}
.detail .data li {
	padding: 3px 0;
	border-radius: 0;
	border: 0;
	color: #7e7e7e;
}
.detail .data li span {
	font-weight: 700;
	color: #3c494f;
}
.detail .options {
	padding: 0 20px;
	margin-top: 30px;
	text-align: left;
}
.detail .options .lead {
	padding: 2px 0 2px 8px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
	color: #3c494f;
	border-left: 4px solid #e92c35;
}
.detail .options a {
	padding: 8px 10px;
	margin-bottom: 0;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	color: #3c494f;
}
.detail .options a i {
	margin-right: 3px;
	color: #999;
}

/** Tabs **/
.nav-tabs {
	margin: 30px 0 10px;
}
.tab-content {
	padding: 10px;
}
.nav-tabs > li {
	min-width: 150px;
	text-align: center;
}
.nav-tabs > li > a {
	margin-right: 0;
	border-radius: 0;
	transition: none;
	border-top: 4px solid #fff;
	font-size: 16px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	border-top: 4px solid #e92c35;
	box-shadow: 5px 0 5px -5px #ccc;
	font-weight: 700;
	color: #3c494f;
}
.nav-tabs > li.active:first-child > a {
	border-left: 0;
}
.tab-pane {
	color: #7e7e7e;
	line-height: 25px;
}
/** Price Box **/
.detail .pricebox {
	padding: 20px;
	background: #f0f0f0;
	text-align: center;
}
.detail .pricebox div {
	margin-bottom: 8px;
}
.detail .pricebox .price {
	font-size: 30px;
	color: #3c494f;
}
.detail .pricebox .price span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #e92c35;
}
.detail .pricebox .stock {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
	color: #7e7e7e;
}
.detail .pricebox .stock i {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}
.detail .pricebox .stock.green i {
	background-color: #449c44;
}
.detail .pricebox .stock.red i {
	background-color: #bc0400;
}
.detail .pricebox .stock.orange i {
	background-color: #fa8100;
}
.detail .pricebox .text1 {
	color: #a8a8a8;
}
.detail .pricebox .text2 {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #c8c8c8;
	color: #666;
	font-size: 13px;
}
.detail .pricebox .btn {
	font-size: 22px;
}
.detail .addthis_sharing_toolbox {
	margin: 10px 0;
}
.detail .at-icon-wrapper {
	border-radius: 50%;
	width: 26px !important;
	height: 26px !important;
}
.detail .at-share-tbx-element.addthis_20x20_style .at-share-btn,
.detail .at-share-tbx-element.addthis_20x20_white_style .at-share-btn,
.detail .addthis_20x20_style .at-icon {
	width: 26px !important;
	height: 26px !important;
	max-height: 26px !important;
	max-width: 26px !important;
}

/************************************************
Catalog
************************************************/
.catalog .book {
	margin-bottom: 20px;
}
.catalog .book .portada {
	padding: 20px;
	background: #f0f0f0 /*url(../images/catalog.png) no-repeat 26px 10px*/;
	min-height: 260px;
}
.catalog .book .thumbnail {
	margin-bottom: 0;
}
.catalog .book .caption {
	padding: 10px;
	background: #CCCCCC;
	min-height: 75px;
}
.catalog .book .caption h4 {
	margin: 5px;
}
.catalog .book .caption h4 a {
	font-size: 15px;
	color: #3c494f;
}

/************************************************
Related books
************************************************/
.related {
	margin-top: 50px;
}
.related .book .caption h4 {
	margin-top: 5px;
}
.related .book .caption h4 a {
	font-size: 18px;
}
.related .book .caption p {
	font-size: 13px;
}

/************************************************
Contact
************************************************/
#map-canvas iframe {
	width: 100%;
	height: 400px;
}

/************************************************
Footer
************************************************/
footer .ftop {
	min-height: 180px;
	margin: 0;
	background: #414040;
}
footer .ftop img {
	/*width: 100%;*/
	margin-top: 30px;
}
footer .fbottom {
	min-height: 120px;
	margin: 0;
	color: #fff;
	padding-top: 55px;
	background: #303030;
}
footer .col-sm-12 {
	margin-bottom: 20px;
}
footer .col-md-3 {
	padding-right: 0;
}
footer p {
	margin: 0;
}
footer .fbottom .copyright {
	font-size: 15px;
	font-weight: 500;
}
footer .fbottom .nav li {
	display: inline-block;
}
footer .fbottom .nav li a {
	padding-top: 0;
	color: #fff;
}
footer .fbottom .nav li a:hover,
footer .fbottom .nav li a:focus {
	background: none;
}
footer .fbottom .social {
	width: 105px;
	margin: -10px auto 0;
	overflow: hidden;
}
footer .fbottom .social a {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
	opacity: 0.8;
}
footer .fbottom .social a:last-child {
	margin-right: 0;
}
footer .fbottom .social a img {
	width: 30px;
}
footer .fbottom .social a:hover {
	opacity: 1;
}

/************************************************
Cesta compra
************************************************/
.cart {
	margin-bottom: 50px;
}
.cart h4 {
	font-weight: 700;
}
.cart .thumbnail {
	max-width: 75px;
	margin-right: 10px;
}
.cart .price {
	font-family: 'Open Sans', sans-serif;
}

/************************************************
Control Panel
************************************************/
.cpanel {
	padding-bottom: 50px;
}
.cpanel h3 {
	margin-bottom: 30px;
	font-size: 23px;
	font-weight: 600;
}
.cpanel i {
	opacity: 0.8;
}
.cpanel h3 span {
	margin-left: 25px;
}
.cpanel .tab-content {
	padding: 20px 10px;
}
.cpanel .nav-tabs > li > a {
	font-size: 14px;
}
.cpanel .book {
	width: 45%;
	padding-left: 0;
	padding-right: 20px;
	margin-top: 5px;
}
.cpanel .ranking {
	width: 55%;
	padding-top: 30px;
}
.cpanel .ranking li {
	margin-bottom: 25px;
}
.cpanel .ranking h4 {
	padding: 0;
}
.cpanel .ranking h4 a {
	font-size: 18px;
}
.cpanel .ranking h4 span {
	padding-left: 25px;
	font-size: 12px;
}
.cpanel .ranking .number {
	width: 40px;
	height: 40px;
	font-size: 28px;
	line-height: 36px;
}
.dashboard-div-wrapper {
	color: #3c494f !important;
	margin-bottom: 15px;
	padding: 25px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ddd;
}
.dashboard-div-wrapper a:hover > i {
	color: #e92c35;
}
.dashboard-div-wrapper h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2px;
}
.dashboard-div-wrapper span {
	font-size: 12px;
	color: #7e7e7e;
}
.dashboard-div-wrapper i {
	color: #3c494f;
	font-size: 50px !important;
	height: 50px;
	margin: 18px 0 5px;
	width: 50px;
}
.cpanel .num {
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	font-family: 'Asap', sans-serif;
	font-weight: 500;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
}
.cpanel .green {
	background: #e92c35;
}
.cpanel .red {
	background: #bc0400;
}
.cpanel table th {
	background: #e92c35;
	color: #fff;
	font-weight: 600;
}
.cpanel table td {
	color: #3c494f;
	font-family: 'Open Sans', sans-serif;
}
.cpanel table th {
	border-bottom: 1px solid #a8a8a8 !important;
}
.cpanel .text {
	color: #3c494f;
}
.cpanel table .col-sm {
	width: 120px;
}
.table > thead > tr > th {
	vertical-align: middle;
}
.modal {
	overflow: auto;
}
.modal-title {
	color: white;
}
.modal-body .table > thead > tr > th {
	background-color: #e92c35;
	color: white;
}

/************************************************
Misc
************************************************/
.spacer {
	margin-top: 50px;
	/* define margin as you see fit */
}
.dropdown-menu .divider {
	background: #e5e5e5 !important;
}
.form-control:focus {
	border-color: #e92c35;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(87, 187, 43, 0.6);
}
.has-error .form-control {
	border-color: #A94442;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset, rgb(169, 68, 66) 0px 0px 8px;
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
img.pull-left {
	margin-right: 15px;
}
img.pull-right {
	margin-left: 15px;
}
.btn {
	border-radius: 0;
}
.btn.green {
	background: #e92c35;
	border-color: #e92c35;
	color: #fff;
}
.btn.green:hover {
	background: #449c44;
}
/** Pagination **/
.pagination {
	margin: 15px 0;
}
.pagination li a, .pagination li > span {
	padding: 5px 10px;
	border: 0;
	background: none;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #a8a8a8;
}
.pagination li > span:hover {
	color: #a8a8a8;
	background: none;
	border: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.pagination li.active > a {
	padding-bottom: 2px;
	border-bottom: 5px solid #e92c35;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #3c494f;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #e92c35;
	border-color: #e92c35;
}
.form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.stock {
	margin-bottom: 0;
	font-size: 12px;
	color: #7e7e7e;
}
.stock i {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}
.stock.green i {
	background-color: #449c44;
}
.stock.red i {
	background-color: #bc0400;
}
.stock.orange i {
	background-color: #fa8100;
}
/** Modal **/
.modal {
	text-align: center;
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.modal-header {
	padding: 8px 15px;
	border-bottom: 1px solid #eee;
	background-color: #3c494f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.modal-header h1 {
	padding-left: 0;
	margin: 0;
	border: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}
.modal-header h1 i {
	color: #e92c35;
	font-size: 25px;
}
.modal-header .close {
	margin-top: -10px;
	font-size: 45px;
	opacity: 0.5;
	color: white;
}
.modal-body {
	padding: 20px 15px;
}
.modal-body h3,
.modal-body h5 {
	margin: 0;
}
.modal-body h3 {
	color: #3C494F;
	font-weight: 600;
}
.modal-body h5 {
	color: #7E7E7E;
}
.modal-body .num {
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	line-height: 18px;
	color: #3c494f;
}
.modal-body hr {
	margin: 20px 0;
}
.modal-footer {
	text-align: center;
}

/************************************************
Aviso cookies
************************************************/
#cookie-compliant {
	width: 100%;
	clear: both;
	background-color: #555555;
	color: #FFFFFF;
	padding: 20px;
	text-align: center;
}
#close-cookies-message {
	background-color: #e92c35;
	border-radius: 3px;
	bottom: 0;
	color: #FFFFFF;
	margin: 0 0 0 15px;
	padding: 1px 6px;
	text-align: center;
	font-size: 11px;
	text-decoration:none !important;
}
#cookie-compliant a{
	color: #FFF;
	text-decoration: underline;
}
#cookie-compliant a:hover{
	text-decoration: none;
}

/************************************************
Responsive
************************************************/
@media (max-width: 1200px) {
	#searchbox .btn {
		padding: 5px 10px 3px;
	}
	#searchbox .text {
		font-size: 16px;
	}
	#searchbox .btn::after {
		font-size: 13px;
	}
	#searchbox .btn i.glyphicon {
		margin-top: 0;
		margin-right: 5px;
		font-size: 22px;
	}
	#searchbox .btn i.glyphicon {
		margin-top: 0;
		margin-right: 5px;
		font-size: 22px;
	}
	#searchbox .btn span.btntext {
		font-size: 18px;
	}
	#searchbox .social {
		padding-top: 10px;
	}
	#searchbox .social a {
		width: 28px;
		margin-right: 3px;
	}
	#searchbox .social a img {
		width: 28px;
	}
	#searchbox .minicart a {
		font-size: 18px;
	}
	.twocols li {
		margin-bottom: 25px;
	}
	.twocols .ranking ul {
		padding-left: 20px;
	}
	.twocols span.number {
		width: 40px;
		height: 40px;
		margin-right: 8px;
		font-size: 28px;
	}
	.twocols h4 a {
		font-size: 16px;
	}
	.twocols h4 span {
		font-size: 12px;
	}
	.cpanel .ranking {
		padding-top: 0;
	}
}
@media (max-width: 992px) {
	.navbar-nav > li > a {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 13px;
	}
	.navbar-inverse .navbar-right .login .dropdown-toggle {
		padding-left: 18px;
	}
	.navbar-inverse .navbar-right .login .dropdown-toggle > span.glyphicon {
		margin-right: 0;
	}
	#searchbox .btn i.glyphicon {
		margin-top: 3px;
		font-size: 25px;
	}
	#searchbox .btn span.btntext {
		font-size: 22px;
	}
	.twocols .book,
	.twocols .book .thumbnail,
	.twocols .ranking {
		width: 100%;
	}
	.twocols .book .thumbnail {
		max-width: 100%;
	}
	.sidebar {
		clear: both;
	}
	.detail .pricebox .price {
		font-size: 28px;
	}
	.detail .pricebox .btn {
		font-size: 16px;
	}
	.sidebar nav ul {
		display: none;
	}
	.content .top_options .row {
		padding: 10px 5px 0;
	}
	.content .top_options .filters {
		display: block;
	}
	.content .top_options .filters select {
		display: inline-block;
	}
	.content .top_options .row .col-xs-12 {
		margin-bottom: 10px;
	}
	.content .top_options .order .col-xs-12 {
		text-align: left;
	}
	.cpanel .nav-tabs > li {
		width: 100%;
	}
	.cpanel .nav-tabs > li.active:first-child > a {
		border-left: 1px solid #ccc;
	}
	.cpanel .ranking li {
		margin-bottom: 0;
	}
	footer .col-sm-12 {
		text-align: center;
	}
}
@media (max-width: 768px) {
	.navbar-nav > li > a {
		font-size: 15px;
		padding-left: 15px;
	}
	.navbar-inverse .navbar-nav > li > a,
	.navbar-inverse .navbar-brand {
		line-height: inherit;
		height: 40px;
	}
	.navbar-inverse .navbar {
		min-height: 50px !important;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: #CCCCCC;
	}
	.navbar-inverse .navbar-toggle,
	.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover {
		background: #3c494f;
		border-color: #3c494f;
	}
	.navbar-inverse .navbar-brand img {
		max-height: 60px;
		margin-top: -5px;
	}
	.navbar-inverse .navbar-nav .separator {
		display: none;
	}
	.navbar-inverse .navbar-right #login-dp {
		border-top: 1px solid #e9e9e9;
	}
	.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle {
		background: #3c494f;
		color: #fff;
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav .dropdown-menu {
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #3c494f;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #3c494f;
		background-color: #eee;
	}
	.navbar-inverse .navbar-right .login .dropdown-toggle > span.glyphicon {
		display: none;
	}
	.navbar-inverse .navbar-nav .lang a {
		padding-left: 15px;
	}
	.navbar-inverse .navbar-right #login-dp,
	.navbar-inverse .navbar-right .login .dropdown-toggle {
		margin-right: -15px;
	}
	#searchbox .btn {
		padding: 4px 10px 0 10px;
	}
	#searchbox .btn i.glyphicon {
		margin-top: 0;
		float: none;
		font-size: 30px;
	}
	#searchbox .btn span.btntext {
		display: none;
	}
	.slider .left,
	.slider .right {
		background-size: 20px;
	}
	.services .col-sm-4 {
		padding-bottom: 30px;
	}
	.twocols .col-sm-6 {
		width: 50%;
		float: left;
	}
	.detail .pricebox .price .detail .pricebox .stock,
	.detail .pricebox .text1,
	.detail .pricebox .text2,
	.detail .pricebox .btn {
		font-size: inherit;
	}
	.detail .book img {
		display: inline-block;
		text-align: center;
		max-width: 400px;
	}
	.detail .related .book img {
		width: 100%;
	}
	.detail .data {
		text-align: center;
	}
	.detail .related {
		margin-top: 30px;
	}
	.cpanel .options {
		margin-bottom: 50px;
		overflow: hidden;
	}
	.cpanel .ranking {
		padding-top: 30px;
	}
	.cpanel .ranking li {
		margin-bottom: 25px;
	}
	.content .top_options .bootstrap-select {
		width: 100% !important;
	}
}
@media (max-width: 544px) {
	.twocols .col-sm-6 {
		width: 100%;
		padding: 0;
	}
	.twocols .col-sm-6:first-child {
		margin-bottom: 50px;
	}
	.detail .thumbnail {
		width: 100%;
	}
	.catalog .book {
		width: 100%;
	}
	.cpanel .ranking {
		padding-top: 0;
	}
}
@media (max-width: 480px) {
	.booklist .col-xs-6 {
		width: 100%;
	}
	.nav-tabs > li {
		min-width: 100%;
		border: 0;
	}
	.nav-tabs > li.active:first-child {
		border-left: 1px solid #ddd;
	}
	.cpanel .book,
	.cpanel .ranking {
		width: 100%;
	}
}
@media (max-width: 320px) {
	.content .top_options .links {
		margin: 10px 0 0 !important;
	}
}
@media (min-width: 768px) {
	.navbar-inverse .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.navbar-inverse .navbar-collapse {
		text-align: center;
	}
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

/* POPUP INTERNO PARA SUSTITUIR A LOS ALERTS */
#popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -70%);
	-moz-transform: translate(-50%, -70%);
	-ms-transform: translate(-50%, -70%);
	-o-transform: translate(-50%, -70%);
	transform: translate(-50%, -70%);
	background-color: #FFF;
	border: 1px solid #666;
	-webkit-border-radius:	3px;		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius:		3px; 		/* Firefox 1-3.6 */
	border-radius:			3px;		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	-webkit-box-shadow:	0 0 5px #666;	/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:	0 0 5px #666;	/* Firefox 3.5 - 3.6 */
	box-shadow:			0 0 5px #666;	/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	z-index: 2;
	font-size: 1.4rem;
	font-family: helvetica, arial, sans-serif;
}
#popup #header_popup, #popup #message_popup, #popup #footer_popup {
	text-align: center;
}
#popup #header_popup {
	font-size: 1.6rem;
	background-color: #e92c35;
	-webkit-border-radius:	3px 3px 0 0;	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius:		3px 3px 0 0;	/* Firefox 1-3.6 */
	border-radius:			3px 3px 0 0;	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	color: white;
	padding: 10px;
}
#popup #message_popup {
	color: #333;
	display: block;
	padding: 20px 15px;
	text-align: left;
}
#popup #footer_popup {
	padding: 10px 15px;
}
#popup #footer_popup button {
	background: transparent url('/images/btn_pedido.gif') no-repeat scroll 0 0;
	background-size: 100% 100%;
	border: medium none;
	color: #666;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 20px;
	font-size: 0.8rem;
}
#popup #footer_popup button:hover {
	color: #187CE3;
}
#popup #footer_popup #button_cancel {
	display: none;
	margin-left: 30px;
}
#popup_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}