gistfile1.sass

/**
Tienda Simple - Tema
**nombre:Travel 01**
*/
@import "/less/bootstrap/mixins";
@import "customization";
// @import url(http://fonts.googleapis.com/css?family=Lilita+One);

@import url("http://fonts.googleapis.com/css?family=Satisfy");

// Tiendasimple
// --------------------------


#tienda-simple {
	.translatePosition (@value) when (@value = fixed){
		position: fixed;
	}

	.translatePosition (@value) when not (@value = fixed) {
		position: absolute;
	}

	.backgroundImage(@image, @position, @repeat, @opacity, @size:'auto', @attachment: 'scroll') when ( @opacity = 1 ) {
		background-image: @image;
		background-position: @position;
		background-repeat: @repeat;
		background-size: @size;
		background-attachment: @attachment;
	}

	.backgroundImage(@image, @position, @repeat, @opacity, @size:'auto', @attachment: 'scroll') when ( @opacity < 1 ) {
		&:before{
			background-image: @image;
			background-position: @position;
			background-repeat: @repeat;
			.opacity (@opacity * 100);
			background-size: @size;
			background-attachment: @attachment;

			content: '';

			.translatePosition(@attachment);

			z-index: -1;
			top: 0;
			right: 0;
			right: 0;
			left: 0;
			left: 0;
			bottom: 0;
			display: block;
		}
	}
}


body {
	#tienda-simple.backgroundImage(@bodyBackgroundImage, @bodyBackgroundPosition, @bodyBackgroundRepeat, @bodyBackgroundOpacity, @bodyBackgroundSize, fixed);
}


#header{
	display: @headerDisplay; 
	height: @headerHeight;
	#tienda-simple.backgroundImage(@headerBackgroundImage, @headerBackgroundPosition, @headerBackgroundRepeat, @headerBackgroundOpacity, @headerBackgroundSize);
	background-color: @headerBackground;
	position: relative;
}


#content-container{
	background-color: @bodyContentBackground;

	#content{
	}
}

#footer{
	height: @footerHeight;
	#tienda-simple.backgroundImage(@footerBackgroundImage, @footerBackgroundPosition, @footerBackgroundRepeat, @footerBackgroundOpacity, @footerBackgroundSize);
	padding-top: 80px;
	padding-bottom: 80px;
	border: none;
	height: auto;
	text-align: center;
	background-color: @footerBackground;
	position: relative;
}




// Pages

.page-header{
    text-align: center;

    h1{
		font-size: 80px;
        line-height: 90px;
        /*
		font-family: 'Lilita one', sans-serif;
		font-weight: normal;
		*/


        [class*="icon-"]{
             display: none;
        }

        small{
            display: block;
        }

    }
}


#tienda-simple {
	.listaProductos(@_){}

	.listaProductos(list){

		.thumbnails {
			width: 100%;

			> li{
				float: none;
				width: 100%;
				overflow: hidden;
				.thumbnail{
					border: none;
					overflow: hidden;
					position: relative;
					img{
					   float: left;
					   height: 80px !important;
					   width: auto;
					   margin-right: 10px;
					}
					.caption{
						 padding: 0;
						 margin: 0;
						 .resumen{
							 /* width: 40%;
							 float: left;
							 margin-left: 10px;*/
						 }

						 .badge{margin-left: -40px;}

						 h3, h5{
							 margin: 0;
						 }              

						 .btn-toolbar{
							  margin: 0;
							  padding: 0;
							  height: auto;
							  /*position: absolute;*/
							  bottom: 10px;
							  right: 10px;
							  margin-top:-30px;

							  .mas-informacion{
								float: left;
							  }


						 }
					 }

				}

				+ li .thumbnail{
				}
			}
		}

	}
}


#tienda-simple .listaProductos(@productListType);








/* ------------------------------------------------------------ */

@color_01: #22aae4;
@color_02: #cb3d47;

#header{
position: fixed;
left: 0;
right: 0;
top: 0px;
height: 160px;

&::before{
position: fixed;
top: 0;
content: '';
background: url('travelplus_colorbars.gif');
height: 8px;
z-index:1;
left: 0;
right: 0;
}
}


#main-navbar{
position: fixed;
top: 200px;

.navbar-inner{
background: transparent;
box-shadow: none;
border: none;

.brand {
display: none;
}
}

.nav > li {
margin-right: 5px;
&>  a {
background: @color_01;
text-shadow: none;
color: #fff;
border-radius: 0 0 5px 5px;
font-family: satisfy;
font-size: 22px;
padding: 15px 20px;
min-width: 120px;
text-align: center;
}

&.active > a {
background-color: @color_02;
box-shadow: none;
}

}

.container{
position: relative;
}



.carrito-usuario{
position: absolute;
top: -160px;
right: 0;



.nav{
text-align: right;
li{
float: none;

.btn{
background: none; 
border: none;
box-shadow: none;
color: #fff;
text-shadow: none;
font-family: satisfy;
font-size: 28px;

[class*=" icon-"], [class^="icon-"]{
float: right;
}

}

}


}
}

}