@font-face {
	font-family: "xtreem";
	font-weight: weight;
	font-style: style;
	src: url('../fonts/Xtreem_2_PersonalUse.ttf') format('truetype');
}

.icono {
	width: 7.5%;
	height: 7.5%;
}

.foto {
	-webkit-box-shadow: 0 0 10px #fff;
	-moz-box-shadow: 0 0 10px #fff;
}

.bg-primary{
	background: -moz-radial-gradient(center, ellipse cover, rgba(162,27,6,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(162,27,6,1)), color-stop(100%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background:-webkit-radial-gradient(center, ellipse cover, rgba(162,27,6,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(162,27,6,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(162,27,6,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background:radial-gradient(ellipse at center, rgba(162,27,6,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A21B06', endColorstr='#FFFFFF',GradientType=1 );
}

.bg-parlex1 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url('../img/banner1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-parlex2 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url('../img/banner2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-parlex3 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url('../img/banner3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-parlex4 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url('../img/banner4.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg-parlex5 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url('../img/banner5.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.parlex-back {
	padding: 30px 0;
	background-color: rgba(0, 0, 0, 0.37);
	color: #FDFDFD !important;
}

.secPad{
	padding:60px 0;
}

/* SlidesJS Optional: If you'd like to use this design */

	#products-slides-1,
	#products-slides-2,
	#products-slides-3,
	#products-slides-4,
	#products-slides-5,
	#products-slides-6,
	#events-slides-1,
	#events-slides-2,
	#events-slides-3,
	#events-slides-4,
	#events-slides-5,
	#events-slides-6,
	#events-slides-7,
	#events-slides-8,
	#events-slides-9 {
		display: none;
		margin-bottom:50px;
	}

	.slidesjs-navigation {
		margin-top:3px;
	}

	.slidesjs-previous {
		margin-right: 5px;
		float: left;
	}

	.slidesjs-next {
		margin-right: 5px;
		float: left;
	}

	.slidesjs-pagination {
		margin: 6px 0 0;
		float: right;
		list-style: none;
	}

	.slidesjs-pagination li {
		float: left;
		margin: 0 1px;
	}

	.slidesjs-pagination li a {
		display: block;
		width: 13px;
		height: 0;
		padding-top: 13px;
		background-image: url('../img/pagination.png');
		background-position: 0 0;
		float: left;
		overflow: hidden;
	}

	.slidesjs-pagination li a.active,
	.slidesjs-pagination li a:hover.active {
		background-position: 0 -13px
	}

	.slidesjs-pagination li a:hover {
		background-position: 0 -26px
	}

	a:link,
	a:visited {
		color: #333
	}

	a:hover,
	a:active {
		color: #9e2020
	}

	.navbar {
		overflow: hidden
	}

/* SlidesJS Required: These styles are required if you'd like a responsive slideshow */

	#slides {
		display: none
	}

	.container {
		margin: 0 auto
	}

	/* For tablets & smart phones */
	@media (max-width: 767px) {
		body {
			padding-left: 20px;
			padding-right: 20px;
		}
		.container {
			width: auto
		}
	}

	/* For smartphones */
	@media (max-width: 480px) {
		.container {
			width: auto
		}
	}

	/* For smaller displays like laptops */
	@media (min-width: 768px) and (max-width: 979px) {
		.container {
			width: 724px
		}
	}

	/* For larger displays */
	@media (min-width: 1200px) {
		.container {
			width: 1170px
		}
	}
