body {background: url(../../assets/images/bg/bg-inscrevase.jpg) 50% 30px #e8e8e8 no-repeat }
.container { position: relative; margin-top: -30px }

aside {  position: relative; margin-top: -15px; float: right; width: 340px }
aside .banner { float: none }
aside h3 { font: 25px/26px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #ce0057; text-transform:uppercase; text-align: center; border-bottom: 3px solid #ce0057; margin: 0 0 5px }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	aside h3 { text-shadow: 0 0 1px #ce0057 }
}
aside h3 small { display: block; font: 19px/19px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif'; padding: 5px 0 }
aside ul li { font: 17px/17px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #ce0057; padding: 0 0 5px }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	aside ul li { text-shadow: 0 0 1px #ce0057 }
}
aside .box1 { position: relative; display: block; background: url(../../assets/images/bg/box.png) 0 0 no-repeat; width: 337px; height: 210px; z-index: 10 }
aside .box1 span { display: block; padding: 30px }
aside .box2 { position: relative; display: block; background: url(../../assets/images/bg/box2.png) 0 0 no-repeat; width: 325px; height: 203px; margin-left: 8px; margin-top: -3px; z-index: 10 }
aside .box2 span { display: block; padding: 30px }
aside .box3 { position: relative; display: block; background: url(../../assets/images/bg/box3.png) 0 0 no-repeat; width: 337px; height: 167px; margin-top: -5px; z-index: 100 }
aside .box3 span { display: block; margin: 0 0 0 15px; padding: 30px 25px }
aside .box2 h3 { color: #de6000; border-bottom: 3px solid #de6000 }
aside .box2 ul li { color: #de6000 }
aside .box3 h3 { color: #d5c420; border-bottom: 3px solid #d5c420 }
aside .box3 ul li { color: #d5c420 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	aside .box2 h3 { text-shadow: 0 0 1px #de6000 }
	aside .box2 ul li { text-shadow: 0 0 1px #de6000 }
	aside .box3 h3 { text-shadow: 0 0 1px #d5c420 }
	aside .box3 ul li { text-shadow: 0 0 1px #d5c420 }
}
.content {float:left; width: 650px }

/* form */
.content form fieldset { position: relative; background:url(../../assets/images/bg/form.png) 0 0 no-repeat;width:550px;height:820px; padding: 18px 0 0 37px; margin: 0 0 0 50px }
.content form fieldset .img2{position:absolute;top:-35px;left:370px;background:url(../../assets/images/ico05.png) 0 0 no-repeat;width:121px;height:121px;z-index:1000}
.content form fieldset ul li { position: relative; font: 15px/30px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #ea006b; padding: 0 0 5px; margin : -4px 0 0\9 }
.content form fieldset ul.txt { transform: rotate(-5deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(-5deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(-5deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(-5deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(-5deg) scale(1) skew(1deg) translate(0px); }
.content form fieldset ul.txt p { position: relative; left: -80px; display: block; background:url(../../assets/images/txt.png) 0 0 no-repeat;width:494px;height:107px; padding: 40px 70px 0 80px; font: 18px/19px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; z-index:100 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.content form fieldset ul.txt p { text-shadow: 0 0 1px #000 }
}
.content form fieldset strong { display: block; padding: 5px 0 0; font: 30px/30px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif'; color: #ea006b; text-transform:uppercase }
.content form fieldset label { float: left; width: 200px; padding: 0 10px 0 0; font: 18px/30px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; text-transform:uppercase; text-align: right }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.content form fieldset strong { text-shadow: 0 0 1px #ea006b }
	.content form fieldset label { text-shadow: 0 0 1px #000 }
}
.content form fieldset input { float: left; display: block; width: 68px; height: 30px; padding: 0 10px; font: 18px/30px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; line-height: 30px !important; color: #000; background: url(../../assets/images/form/input.png) no-repeat 0 0; }
.content form fieldset input.big { background: url(../../assets/images/form/input-big.png) no-repeat 0 0; width: 308px }
.content form fieldset input.med { background: url(../../assets/images/form/input-med.png) no-repeat 0 0; width: 145px }
.content form fieldset span.error { position: absolute; left: -20px; bottom: 0; width: 220px; font: 10px/10px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #f00; text-transform:uppercase; text-align: right }
.content form fieldset .enviar { position: absolute; display: block; background:url(../../assets/images/enviar.png) 0 0 no-repeat;width:256px;height:116px; bottom: -38px; left: 360px; text-indent: -9000px }
.content form fieldset .enviar:hover { background-position:0 -116px }
.content form fieldset input:focus { background: url(../../assets/images/form/input-over.png) no-repeat 0 0; color: #fff }
.content form fieldset input.big:focus { background: url(../../assets/images/form/input-big-over.png) no-repeat 0 0; color: #fff }
.content form fieldset input.med:focus { background: url(../../assets/images/form/input-med-over.png) no-repeat 0 0; color: #fff }
.content form fieldset select:hover { background: #eb1074; color: #fff }
.content form fieldset small { display: block; margin: 10px 0 0; width: 540px; font: 10px/10px 'DINmediumregular',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; text-transform:uppercase; text-align: center }

.content form fieldset .select { position: relative; float: left; text-align: left }
.content form fieldset .select a.select_select { position: relative; float: left; display: block; width: 138px; height: 30px; line-height: 30px !important; padding: 0 10px; background: url(../../assets/images/form/select.png) no-repeat 0 0; font: 18px/30px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; z-index: 99; }
.content form fieldset .select ul { position: absolute; top: 26px; right: 0; display: none; overflow: hidden; width: 158px; z-index: 999; float: left; margin: 0 !important; padding: 0;  background: #04aaed; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; -moz-box-shadow:inset -2px -2px 4px #0284b8;-webkit-box-shadow:inset -2px -2px 4px #0284b8;box-shadow:inset -2px -2px 4px #0284b8 }
.content form fieldset .select ul li { padding: 0 }
.content form fieldset .select ul li a { position: relative; display: block; padding: 0 10px; width: 138px; font: 18px/30px 'DINbold',Arial,Verdana,Tahoma,'Sans-serif'; color: #000 }
.content form fieldset .select ul li a:hover,
.content form fieldset .select ul li a.on { background: #eb1074; color: #fff }

/* share */
.content .share { position: relative; float: left; margin: 7px 0 0 -15px; margin /*\**/: -5px 0 0 -15px\9 }

/* overlay */
.overlay { display:none; z-index:10000; background: url(../../assets/images/thanks.png) 0 0; width: 849px; height: 422px; text-align: center;text-indent:-9000px }
.overlay .close {position:absolute;top:160px;right:130px;display: block;background:url(../../assets/images/close.png) 0 0 no-repeat;width:118px;height:122px;text-indent:-9000px;z-index:1000}
.overlay .close:hover {background-position:0 -122px }


.move-box { 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-box-over {transform: rotate(1deg) scale(1) skew(1deg) translate(4px);
-webkit-transform: rotate(1deg) scale(1) skew(1deg) translate(4px);
-moz-transform: rotate(1deg) scale(1) skew(1deg) translate(4px);
-o-transform: rotate(1deg) scale(1) skew(1deg) translate(4px);
-ms-transform: rotate(1deg) scale(1) skew(1deg) translate(4px);}

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

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