.clr {
	clear: both;
	float: none;
}

	.main > header {
		padding: 40px 0;
	}

		.main > header h1 {
			font-size: 34px;
			line-height: 38px;
			margin: 0;
			font-weight: 700;
			color: #333;
			float: left;
		}

			.main > header h1 span {
				display: block;
				font-size: 20px;
				font-weight: 300;
			}

	.main p {
		padding: 30px 0 0;
		text-align: center;
		font-weight: 400;
		line-height: 22px;
	}

/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Cambria, Georgia, serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

	.codrops-top a {
		padding: 0px 10px;
		letter-spacing: 1px;
		color: #333;
		text-shadow: 0 -1px 0 #fff;
		display: inline-block;
	}

		.codrops-top a:hover {
			background: rgba(255,255,255,0.8);
			color: #000;
		}

	.codrops-top span.right {
		float: right;
	}

		.codrops-top span.right a {
			float: left;
			display: block;
		}

/* Demo Buttons Style */
.codrops-demos {
	float: right;
	clear: none;
	padding-top: 10px;
}

	.codrops-demos a {
		display: inline-block;
		margin: 10px 10px 10px 0;
		color: #666;
		font-weight: 700;
		line-height: 30px;
		border-bottom: 4px solid transparent;
	}

		.codrops-demos a:hover {
			color: #000;
			border-color: #000;
		}

		.codrops-demos a.current-demo,
		.codrops-demos a.current-demo:hover {
			color: #aaa;
			border-color: #aaa;
		}

.column {
	min-height: 300px;
}

	.column p {
		text-align: left;
	}

.column-20 {
	width: 20%;
}

.column-80 {
	width: 80%;
}

.js .fixed-bar {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}

.js .gallery {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	border-radius: 20px;
	position: relative;
	background: #000 url(../images/black_denim.png);
	box-shadow: 0 2px 1px rgba(255,255,255,0.9), 0 -2px 1px rgba(255,255,255,0.9);
}

.lt-ie8 .elastislide-list {
	display: none;
}

/*
.elastislide-wrapper{
	height:100% !important;
}*/

@media screen and (max-width: 690px) {
	.codrops-demos {
		float: left;
		clear: both;
	}
}
/* Pantallas extra grandes (xl, escritorio grande) ? 1200px */
@media (min-width: 993px) {
	.text-product {
		font-size: 11px;
	}

	#product-description-short {
		font-size: 12px;
	}

	#product-description-full {
		font-size: 12px;
	}

}

/*Pantallas extra pequeñas (móviles)*/
@media screen and (max-width: 480px) {
	.img-product-mobile{
		padding-right:4px;
	}
}