/**
Tienda Simple - Estilo
**nombre:**
*/


/*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// CSS Reset
@import "/less/bootstrap/reset.less";

// Core variables and mixins
@import "/less/bootstrap/variables.less"; // Modify this for custom colors, font-sizes, etc


///////////////////////////////////////////////////

@import "customization";

///////////////////////////////////////////////////


@import "/less/bootstrap/mixins.less";

@import "/less/bootstrap/tables.less";

// Grid system and page structure
@import "/less/bootstrap/scaffolding.less";
@import "/less/bootstrap/grid.less";
@import "/less/bootstrap/layouts.less";

// Base CSS
@import "/less/bootstrap/type.less";
@import "/less/bootstrap/code.less";
@import "/less/bootstrap/forms.less";

// Components: common
@import "/less/bootstrap/sprites.less";
@import "/less/bootstrap/dropdowns.less";
@import "/less/bootstrap/wells.less";
@import "/less/bootstrap/component-animations.less";
@import "/less/bootstrap/close.less";

// Components: Buttons & Alerts
@import "/less/bootstrap/buttons.less";
@import "/less/bootstrap/button-groups.less";
@import "/less/bootstrap/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

// Components: Nav
@import "/less/bootstrap/navs.less";
@import "/less/bootstrap/navbar.less";
@import "/less/bootstrap/breadcrumbs.less";
@import "/less/bootstrap/pagination.less";
@import "/less/bootstrap/pager.less";

// Components: Popovers
@import "/less/bootstrap/modals.less";
@import "/less/bootstrap/tooltip.less";
@import "/less/bootstrap/popovers.less";

// Components: Misc
@import "/less/bootstrap/thumbnails.less";
@import "/less/bootstrap/labels-badges.less";
@import "/less/bootstrap/progress-bars.less";
@import "/less/bootstrap/accordion.less";
@import "/less/bootstrap/carousel.less";
@import "/less/bootstrap/hero-unit.less";

// Utility classes
@import "/less/bootstrap/utilities.less"; // Has to be last to override when necessary





//
// Accordion
// --------------------------------------------------
// Group == heading + body
.accordion-group {
	border-color: @componentBackground;
	background: @componentBackground;
}

// Inner needs the styles because you can't animate properly with any styles on the element
.accordion-inner {
  border-color: @componentBackground;
}




//
// Typography
// --------------------------------------------------


// Page header
// -------------------------
.page-header{
	border-color: @componentBackground;
}


// Headings
// -------------------------
h1, h2, h3, h4, h5, h6 {
	small{
		color: @headingSmallColor;
	}
}

// MISC
// ----

// Horizontal rules
hr {
	border-color: @componentBackground;
}


// Buttons
// -------------------------

#tiendasimple{
	.fixBtn(@prefix: ''){
		@color: '`"btn" + @{prefix} + "TextColor" `';
		@textShadow: '`"btn" + @{prefix} + "TextShadowColor" `';
		@backgroundColor: '`"btn" + @{prefix} + "BackgroundHighlight" `';

		color: @@color;
		text-shadow: 0 1px 1px @@textShadow;

		&:hover {
			background-color: @@backgroundColor; 
			color: @@color;
		}
	}
}

.btn{
	#tiendasimple .fixBtn();
}

.btn-primary{
	#tiendasimple .fixBtn('Primary');
}

.btn-info{
	#tiendasimple .fixBtn('Info');
}

.btn-success{
	#tiendasimple .fixBtn('Success');
}

.btn-warning{
	#tiendasimple .fixBtn('Warning');
}

.btn-danger{
	#tiendasimple .fixBtn('Danger');
}

.btn-inverse{
	#tiendasimple .fixBtn('Inverse');
}


// Thumbnails
// -------------------------

.thumbnail {
	background-color: @componentBackground;

	.caption {
		color: @thumbnailCaptionColor;
	}

	border-color: @componentBackground;
}

// Breadcrumbs 
// --------------------------

.breadcrumb{
	background: @componentBackground;
	
	li {
		text-shadow: 0 1px 0 darken(@componentBackground, 80%);
	}

}


//
// Navbars (Redux)
// --------------------------------------------------


// NAVIGATION
// ----------

// Links
.navbar .nav > li.active > a {
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
}



// STACKED NAV
// -----------

// Tabs
.nav-tabs.nav-stacked > li > a {
	border-color: @componentBackground;
	background: @componentBackground;
}

.nav-tabs.nav-stacked > li > a:hover {
	color: @linkColor; 
	background-color: @componentActiveBackground;
}


// Form controls
// -------------------------

// Shared size and type resets
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: @textColor;
}

.form-actions {
	border-color: @componentBackground;
}

// Navigation
// --------------------------
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: @paginationActiveBackground;
}


// Modal
// ----------------------------
.modal {
	background-color: @bodyBackground;
}

.modal-footer {
	background-color: darken(@bodyBackground, 10%);
	.box-shadow(none);
	border: none;
}

.modal-header {
	border-color: @componentBackground;

}