body {background: url(../../assets/images/bg/bg-info.jpg) 50% 30px #e8e8e8 no-repeat }
.container { position: relative; width: 100% !important; top: -30px; text-align: center }

.container h2 { float: left; width: 100%; display: block; padding: 0 0 5px; font: 45px/45px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif'; color: #ea006b; text-transform:uppercase }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.container h2 { text-shadow: 0 0 1px #ea006b }
}
.container h2 small { display: block; font: 36px/45px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif' }
.container p { float: left; width: 100%; display: block; width: 100%; display: block; width: 100%; padding: 5px 0; font: 18px/22px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #000 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.container p { text-shadow: 0 0 1px #000 }
}
.container a { float: left; width: 100%; display: block; width: 100%; display: block; width: 100%; padding: 5px 0; font: 19px/22px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #00a2df; text-transform:uppercase }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.container a { text-shadow: 0 0 1px #00a2df }
}
.container .img1{position:absolute;top:320px;left:30px;background:url(../../assets/images/info/img1.png) 0 0 no-repeat;width:215px;height:240px;z-index:1000}
.container .img2{position:absolute;top:530px;right:-80px;background:url(../../assets/images/info/img2.png) 0 0 no-repeat;width:719px;height:457px;z-index:1000}

.container .box1 h3,
.container .box2 h3,
.container .box3 h3 { position: relative; width: 100%; font: 23px/26px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #743214; text-transform:uppercase; text-align: center; margin: 0 0 5px }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.container .box1 h3,
	.container .box2 h3,
	.container .box3 h3 { text-shadow: 0 0 1px #743214 }
}
.container .box1 h3 small,
.container .box2 h3 small,
.container .box3 h3 small { position: absolute; top: -3px; left: -3px; width: 100%; display: block; font: 23px/26px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #fff; text-transform:uppercase; text-align: center }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.container .box1 h3 small,
	.container .box2 h3 small,
	.container .box3 h3 small,
	.container .box1 h4,
	.container .box2 h4,
	.container .box3 h4,
	.container .box1 ul li,
	.container .box2 ul li,
	.container .box3 ul li { text-shadow: 0 0 1px #fff }
}
.container .box1 h4,
.container .box2 h4,
.container .box3 h4 { display: block; font: 21px/23px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif'; color: #fff; padding: 0 0 10px; margin: 0 0 10px; text-transform:uppercase; text-align: center; border-bottom: 3px solid #fff; }
.container .box1 ul li,
.container .box2 ul li,
.container .box3 ul li { font: 17px/17px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #fff; padding: 0 0 5px; text-align: left }
.container .box1 { position: relative; display: block; background: url(../../assets/images/bg/box-info.png) 0 0 no-repeat; width: 404px; height: 283px; margin-left: 200px; margin-bottom: 5px; z-index: 10 }
.container .box1 span { display: block; padding: 65px 20px 0 60px; }
.container .box2 { position: relative; display: block; background: url(../../assets/images/bg/box-info2.png) 0 0 no-repeat; width: 380px; height: 235px; margin-left: 50px; margin-bottom: 10px; z-index: 10 }
.container .box2 span { display: block; padding: 25px 48px 30px 12px; }
.container .box3 { position: relative; display: block; background: url(../../assets/images/bg/box-info3.png) 0 0 no-repeat; width: 393px; height: 277px; margin-left: 50px; margin-bottom: 10px; z-index: 100 }
.container .box3 span { display: block; margin: 0 0 0 15px; padding: 20px 55px 30px 10px; }
.container .box2 h3 { color: #6b0f2d }
.container .box3 h3 { color: #685f0f }
.container .box3 h4 { font: 17px/20px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif'; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.container .box2 h3 { text-shadow: 0 0 1px #6b0f2d }
	.container .box3 h3 { text-shadow: 0 0 1px #685f0f }
}
/* share */
.btn { position: relative; margin: -70px 0 0 410px; z-index:10000 }
.btn li { float: left; padding: 0 5px }
.btn a { display: block; background: url(../../assets/images/btn.png) 0 0 no-repeat; width: 178px; height: 46px; padding: 18px 0 0; font: 16px/16px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #189bd4; text-transform:uppercase; text-align: center; }
.btn a:hover { background-position: 0 -64px; color: #fff }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn a { text-shadow: 0 0 1px #189bd4 }
	.btn a:hover { text-shadow: 0 0 1px #fff }
}
.btn a.doble { height: 54px; padding: 10px 0 0 }

.move3,
.move2 { transition:All 2s ease;
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease;
transform: rotate(1deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(1deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(1deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(1deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(1deg) scale(1) skew(1deg) translate(0px); }

.move-over3 {transform: rotate(3deg) scale(1) skew(1deg) translate(4px);
-webkit-transform: rotate(3deg) scale(1) skew(1deg) translate(4px);
-moz-transform: rotate(3deg) scale(1) skew(1deg) translate(4px);
-o-transform: rotate(3deg) scale(1) skew(1deg) translate(4px);
-ms-transform: rotate(3deg) scale(1) skew(1deg) translate(4px);}

.move-over2 {transform: rotate(-3deg) scale(1) skew(1deg) translate(4px);
-webkit-transform: rotate(-3deg) scale(1) skew(1deg) translate(4px);
-moz-transform: rotate(-3deg) scale(1) skew(1deg) translate(4px);
-o-transform: rotate(-3deg) scale(1) skew(1deg) translate(4px);
-ms-transform: rotate(-3deg) scale(1) skew(1deg) translate(4px);}