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-color: white;
}
.container{width:95%;max-width:1200px;margin:0 auto; padding:5px; clear:both;box-sizing: border-box;}
.main{position: relative;  width:100%; height:100%;}

/* nav */
.barra-top {min-height:20px;padding:10px;box-shadow: 1px 1px 2px #d4cfcf;z-index:9; position:relative; background-color:white;}
.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;}

/* header */
.header{position:relative; z-index:2; width: 100%; height:60vh; background:url(../images/bg-header-2000.jpg) no-repeat center bottom, linear-gradient(#0062af, white); background-size:cover;color:white;}
.container-header{position: relative;width:95%; height: 60vh;max-width:1300px; margin:0 auto; box-sizing: border-box; }
.logouse{position: absolute; right:0; width:100%;max-width:280px;height:14vh;background: url(../images/logouse.png) no-repeat top right;background-size: contain;}
.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;}
.sello {position:absolute; 
    max-height: 25vh;
    right:5%;
    bottom:-2%;}
.tit-pc {position:absolute;    height: 57vh; left: 1%; bottom: -2vh;}
.tit-celular {display: none;}

/*cuerpo*/
.informacion {z-index:1; background-color:white; margin-top:9vh; padding: 10px; box-sizing: border-box; text-align: justify;}
.informacion p{margin:0; padding:0; padding-bottom: 10px;}
.resalta{font-family:'Gotham_Black',Verdana;font-size:130%;}
.titulo{width:100%; max-width:385px;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;margin:40px 0 10px;}
.lista-img {text-align:center; margin:10px 0;}
.lista {margin-top: 0;}
.lugares img {margin:0 3px; height:63px;}
.puestos img {margin:0 1px; max-width:200px;}
.twocol{display:inline-block; width:44%; margin-left:10%; vertical-align:top; margin-top:2%; box-sizing: border-box;}
.experiencia {width:100%;max-width:500px;margin:auto;font-family:'Gotham_Medium',Verdana;font-size:122%;line-height:150%;margin-bottom:50px;}
.tit-experiencia{font-size: 120%; color:#dc143c;font-family: 'Gotham_Bold',Verdana; font-weight:normal; text-align:center;}
.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;}
.text-center{text-align:center;}
#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;	}
.first {margin-left: 0 !important; }
/*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;}
.under {display:inline-block; border-bottom:2px solid #dc143c;padding-bottom:2px;}
.lineyellow {border-bottom:2px solid #ffc107;}


@media screen and (max-width:880px) {
	.logouse{height:13vh;}
	.informacion{padding-bottom:30px;}
	.superpromo{width:30%;}
 }
 @media screen and (max-width:780px) {
 .twocol{display:block; width:100%; margin-left:0; vertical-align:top; margin-top:2%; box-sizing: border-box;}
  }
@media screen and (max-width:750px) {
	.barra-top {top:0;padding:5px 3%;position: fixed;z-index: 9999;background: #fff;width: 100%;}
	.bandera{padding-left:35px; margin-left:5px;} .cambiar{padding-right: 0px;	}
	.header {padding-top:44px;}
	.logouse{height:12vh;}
	.tit-pc {left:1%;}
	 h3#terms{padding:2%;}
 }
@media screen and (max-width:600px) {
	.logouse{background: url(../images/logouse-center.png) no-repeat top center;position:relative; margin: -9px auto 0; height:13vh;background-size:contain;}
	.botonpc {display:none;}
	.botoncel {display:block; position:fixed;width:100%; bottom:0px; background-color:white; padding: 8px 0 15px; }
	.sello, .tit-pc {display: none;}
	.header,.container-header {height:62vh;}
	.tit-celular {display:block;}
	.tit,.wat{position:relative; margin:auto;}
	.tit {position:relative; margin:auto; height:39vh;width:86%;}
	.wat {position:relative; margin:auto; height:18vh;width:86%;}
	.tit-celular img {width:100%; position: absolute; top:50%; transform:translateY(-50%);}
}
@media screen and (max-width:550px) {
   .boton, .workuse {width:95%;} .resalta {font-size: 110%;}
	.tit{ width:90%;}
	.wat{ width:100%;}
}
@media screen and (max-width:480px) {
	.tit {height:37vh;}
	.puestos img {margin:0; max-width:177px;}
}
@media screen and (max-width:450px) {
	.header,.container-header {height: 55vh;}
	.tit {height:35vh;width: 100%;}
	.container {width: 100%;}
}
@media screen and (max-width:390px) {
	 body {font-size:84%; line-height:140%;}
	.barra-top {padding:3px 7px;}
	.header {padding-top:40px;}	
}
@media screen and (max-width:350px) {
	.barra-top {padding:5px 2px;}
	.boton{width:80%; font-size:18px; padding-left:20px; text-align:left;}
	.puestos img {margin:0; max-width:140px;}
}
@media screen and (max-width:330px) {
	.bandera{line-height:30px;height:30px;}
	.chi,.per,.arg{background-size:30px;}
	.bandera{padding-left:31px; margin-left:4px;}	
	.header,.container-header {height: 50vh;}.tit {height: 30vh;}
}