html,body{margin-top:0;} img{border:0;} a {color: #1583c2} b,strong{font-family: 'Gotham_Bold',Verdana; font-weight:normal;}
BODY {
font-family: 'Gotham_Book',Verdana;
font-size: 14px;
line-height: 120%;
color: #164c9b;    
background: url(../images/bg.jpg) repeat;
background-size: 25%;
}
#container{
width: 100%;
max-width:1100px;
margin: 0 auto;
background-color:white;
box-shadow: 0px 5px 16px #919597;
}
/* header */
#mainbanner {position:relative;overflow:hidden;background:#4cb5e4 url(../images/wat-returnee-usa-pe-5.jpg) no-repeat bottom;background-size:100%;height:550px;box-shadow: inset 0PX -2PX 0px white;}
.barra-top {min-height:20px;padding:10px;box-shadow: 1px 1px 2px #d4cfcf;z-index:9; position:relative;}
.barra-top a {color:grey;}
.barra-top a:hover, .barra-top a:active,{color:#333333;font-family:'Gotham_Bold',Verdana;}
.cambiar{font-weight: bold;color:grey;padding-right:5px;font-weight: bold;line-height: 35px;vertical-align: top;}
.bandera{height: 35px;margin-left:8px;display:inline-block;line-height:35px;padding-left:40px;}
.arg{background-image: url(../images/bandera-ar.png);background-size:35px;background-repeat:no-repeat;}
.chi{background-image: url(../images/bandera-ch.png);background-size:35px;background-repeat:no-repeat;}
.per{background-image: url(../images/bandera-pe.png);background-size:35px;background-repeat:no-repeat;}
.superpromo{position:relative;float:right;margin-right: 10px;margin-top: -227px;width: 22%;max-width: 270px;}
.logouse{float: right;width: 22%;height: 166px;background: url(../images/logouse.png) no-repeat top right;background-size: 100%;}
.flotante {position:fixed;bottom:10px;right:10px;z-index:9999 !important;width: 75px;height: 75px;display: block;}
.whatsapp{background: url(http://www.workuse.com/20/pe/images/whatsapp.png) no-repeat 0 0 transparent;
background-position: -4px -83px;background-size:88px;text-decoration:none;}
.whatsapp:hover{background-position: -3px 2px;}
.resalta{font-family: 'Gotham_Black',Verdana;font-size:130%;}
/*cuerpo*/

.informacion{clear:both; padding:5px 4% 3%;text-align: justify;}
.requisitos{width:228px;margin-top:1%;}
.boton {display: block;margin: 20px auto 0;width: 350px;height: 50px;line-height: 50px;font-size: 24px;
font-family: 'Gotham_Ultra',Verdana;text-align: center;text-decoration: none;background: linear-gradient(#ff330f,#dc143c);
color: white;border-radius: 50px;letter-spacing: 0.02em;box-shadow: 0px 0px 16px #919597;}
.boton:hover, .boton:active{background: linear-gradient(#dc143c,#ff330f);}
.botoncel{display: none;}
.botonpc{display: block;}
.workuse{display: block;width:320px;margin:25px auto 30px;}
h3#terms{background-color: #dc143c;font-size: 18px;padding: 1%;font-weight:normal;font-family: 'Gotham_Bold',Verdana;color: white;overflow: hidden; text-align:left;}
.more.arriba{background: url(../images/ico-flecha-up.png) no-repeat center right !important;background-size: 22px !important;float: right !important;width: 60px !important;text-align: right;padding-right: 26px !important;margin-right: 2% !important;font-size: 12px !important;}
.more::before{display:inline-block;content: attr(title);font-family:'Gotham_Book',Verdana;}
.more{float:right;width: 60px;text-align: right;padding-right: 26px;margin-right: 2%;background: url(../images/ico-flecha-down.png) no-repeat center right;background-size: 22px;font-size: 12px;}
#info-terms {font-size: 95%;text-align: justify;padding: 5px 20px;border-bottom: 1px solid #ebebeb;}
#info-terms ol {padding-left: 3%;margin: 0;}
#info-terms ol li {padding-bottom:1%;}
#info-terms ol li ul {padding-top:1%; padding-left:10px;list-style-type: disc;}
.botoncerrar{display:block;margin:0 auto 20px; padding:7px; width:68px;border-radius:15px; text-align:center; background-color:#eaeaea;}
.botoncerrar:hover,.botoncerrar:active{background-color:#cccccc;color:white;}
.legal{text-align: center;color: #dc143c;font-family: 'Gotham_Bold',Verdana;}
.legal a{color: #dc143c;text-decoration:underline;	}
.legal a:hover, .legal a:active,{background-color: #ebebeb;text-decoration:none;	}
.vinculo{cursor: pointer;	}

/*footer*/
#redes{text-align: center;margin:15px 5px 100px;}
#redes a{display: inline-block;margin:15px;line-height: 40px;background: no-repeat center left;padding-left: 45px;
background-size: 40px;color: #dc143c;	font-family: 'Gotham_Bold',Verdana;text-decoration: none;}
#redes a.facebook{
background-image: url(../images/ico-facebook-red.png);}
#redes a.instagram{
background-image: url(../images/ico-instagram-red.png);}
#redes a: hover{
color: #b22222;	}
@media screen and (max-width:1020px) {
	#mainbanner	{height:480px;}
}
@media screen and (max-width:990px) {
	#mainbanner	{height: 468px;}
}
@media screen and (max-width:880px) {
	#mainbanner	{height: 428px;background-size: 103%;}
	.informacion{padding-bottom:30px;}
		.superpromo{width:30%;}
 }
@media screen and (max-width:750px) {
	#mainbanner	{height:415px;background-size: 115%;background-position-x: -18px;margin-top:41px;}

	.barra-top {top: 0;min-height:20px;padding:6px 3%;position: fixed;z-index: 9999;background: #fff;width: 100%;}
 }
@media screen and (max-width:650px) {
	#mainbanner	{height:370px;background-size: 119%;background-position-x: -29px;}
	.logouse{width: 24%;} h3#terms{padding:2%;}
	.superpromo{ margin-top: -178px;}
 }
@media screen and (max-width:600px) {
	#mainbanner	{height:405px;background-size:120%;background-position-x: -10px;}
	.logouse{background: url(../images/logouse-center.png) no-repeat top center;float: none;margin: -9px auto;width:35%;background-size: contain;}
	.botonpc {display:none;}
	.botoncel {display:block; position:fixed;width:100%; bottom:0px; background-color:white; padding: 8px 0 15px; }
 }
@media screen and (max-width:550px) {
	#mainbanner	{height:427px;background-size: 143%;}
	.superpromo{ margin-top: -124px;}	
}
@media screen and (max-width:512px) {
	#mainbanner	{background:#4db6e3 url(../images/wat-returnee-usa-cel-pe-5.jpg) no-repeat bottom;height:470px;background-size: 100%;background-position-x: center;}
	.superpromo{margin-top: -142px; margin-right:0px; width:35%;}
}
@media screen and (max-width:490px) {
	#mainbanner	{background-size: 103%;}
	.logouse{width:38%;}
}
@media screen and (max-width:460px) {
	#mainbanner	{height:444px;}
	.watreturnee{width: 100%;margin:0;margin-top: -49px;}
}
@media screen and (max-width:430px) {
	#mainbanner	{height:438px;background-size: 111%;}
	.boton, .workuse{width:90%;} .resalta{font-size: 110%;}
	.superpromo{margin-top: -100px; margin-right:-5px; width:40%;}
	.informacion {padding-top:0;}
}
@media screen and (max-width:390px) {
	body{font-size: 84%;line-height: 140%;}
	#mainbanner	{height:436px;background-size: 118%;}
	.logouse{margin: -6px auto;width: 48%;background-position-x: 36%;}
	.barra-top {padding:5px 7px;}
}
@media screen and (max-width:350px) {
	#mainbanner	{height:397px;background-size: 120%;}
	.logouse{margin: -6px auto;width: 48%;background-position-x:19%;}
	.superpromo {bottom:1%;width:39%;}
	.barra-top {padding:5px 2px;}
}
@media screen and (max-width:330px) {
	#mainbanner	{height:399px;}
	.bandera{line-height:30px;height:30px;}
	.chi,.per,.arg{background-size:30px;}
}