.dg-container{
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
}
.dg-wrapper{
	width: 240px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
	width: 240px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
}
.dg-wrapper a div{
	text-align: center;
	background: #A8AAB4;
	padding: 20px;
}

.dg-wrapper a div h1{
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin: 0;
	margin-bottom: 10px;
}

.dg-wrapper a div p{
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin-bottom: 20px;
}

.dg-wrapper a div input[type=button]{
	font-size: 10px;
	background: #262A44;
	border: 1px solid #7D7F8F;
	padding: 5px 10px;
	color: #F4F4F6;
	border-radius: 15px;
	cursor: pointer;
}

.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav{
	width: 118px;
	position: absolute;
	background: none;
	z-index: 2;
	top: 80px;
	left: 50%;
	margin-left: -54px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 50px;
	height: 50px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}

@media only screen and (min-width:0px) and (max-width:1023px){
	.dg-container nav{
	display: block;
}
}




























/**************************/
/**************************/
/**************************/
/************CAROUSEL INFORMACION PROCATIVA STARTS**************/
/**************************/
/**************************/
/**************************/
/**************************/

.prct-dg-container {
	width: 100%;
	/* height: 450px; */
	position: relative;
	overflow: hidden;
}

.prct-dg-wrapper {
	/* width: 240px;
	height: 316px; */

		width: 400px;
			height: 600px;

	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.prct-dg-wrapper a {
	/* width: 240px;
	height: 316px; */
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
		height: 100%;
}

.prct-dg-wrapper a.prct-dg-transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.prct-dg-wrapper a img {
	display: block;
}

.prct-dg-wrapper a div {
	text-align: center;
	background: #A8AAB4;
	padding: 20px;
}

.prct-dg-wrapper a div h1 {
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin: 0;
	margin-bottom: 10px;
}

.prct-dg-wrapper a div p {
	line-height: 16px;
	color: #F4F4F6;
	font-size: 16px;
	margin-bottom: 20px;
}

.prct-dg-wrapper a div input[type=button] {
	font-size: 10px;
	background: #262A44;
	border: 1px solid #7D7F8F;
	padding: 5px 10px;
	color: #F4F4F6;
	border-radius: 15px;
	cursor: pointer;
}

.prct-dg-wrapper a.prct-dg-center div {
	display: block;
}

.prct-dg-container nav {
	width: 118px;
	position: relative;
	background: color(srgb 0.9796 0.9797 0.9798);
	z-index: 999;
	/* top: 760px; */
	top: 10px;
	left: 50%;
	margin-left: -54px;
}

.prct-dg-container nav span {
	text-indent: -9000px;
	float: left;
	cursor: pointer;
	width: 50px;
	height: 50px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;
}

.prct-dg-container nav span:hover {
	opacity: 1;
}

.prct-dg-container nav span.prct-dg-next {
	background-position: top right;
	margin-left: 10px;
}

.prct-dg-image:hover img{
	opacity: 0.8;
}

@media only screen and (min-width:0px) and (max-width:1023px) {
	.prct-dg-container nav {
		display: block;
	}
}

/**************************/
/**************************/
/**************************/
/**************************/
/**************************/
/**************************/
/**************************/
/**************************/
/**************************/