/*======================
 BC Bootstrap Custom CSS 
========================*/

html, body {
	height: 100%;
}

/* Required for Bootstrap's fixed navbar */
body {
	padding-top: 66px;
}

/*===============================
Header - logo/brand, navbar, etc.
===============================*/

/* "Mobile first" height for #main-nav */
#main-nav {
	height: 340px;
}

#ribbon {
	padding: 8px 0;
}

.bs-masthead, .bs-header, bs-section {
	position: relative;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 30px 15px;
	color: #cdbfe3;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background-color: #6f5499;
	background-image: -webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);
	background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
}
.bs-header h11 {
	font-size: 58px;	
	color: white;
}

.bs-header h1 {
	font-size: 48px;	
	color: white;
}
.bs-header a {
	color: #cdbfe3;
}


/*===============================
Footer
===============================*/
footer .list-inline {
	display: table;
	margin: 0 auto;
}


/*===============================
Home Page
===============================*/
.section {
	padding: 60px 0;
	background-image: url("../../images/fondo.png");
	background-position: center;
    background-size: cover;
}

/* Home page image slider (carousel) styles */
#home-carousel {
	height: 50%;
}

.item, .carousel-inner {
	height: 100%;
}

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

/* Pad the edges of the mobile views a bit */
.marketing {
  padding: 40px 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.featurette-divider {
  margin: 60px 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider2 {
  margin: 10px 0; /* Space out the Bootstrap <hr> more */
}

/*===============================
Blog
===============================*/
.blog-post h2.post-title {
	font-size: 32px;
}

/*===============================
Pages - Grid
===============================*/
.show-grid {
	margin-bottom: 15px;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
}

.bs-example-bg-classes p {
	padding: 15px;
}


/*===============================
Pricing Page
===============================*/

.panel-title.price {
	font-size: 4em;
}

.price-cents {
	vertical-align: super;
	font-size: 50%;
}

.price-cents2 {
	vertical-align: super;
	font-size: 33%;
}


/*===============================
Online Shop
===============================*/
.productList {
	list-style: none;
	padding-left: 0;
}

/*===============================
Checkout Form
===============================*/

h2.page-header {
	margin-top: 0;	
}


/*===============================
Contact Page
===============================*/

.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas