/*BG PUB*/
img.bg_pub {min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;}
@media screen and (max-width: 1024px){
	img.bg_pub {left: 50%;margin-left: -512px;}
}

/* layout */
div.webmail_wrap{position:relative;padding: 50px 0;font:normal 14px/14px "MuseoSans700", arial;} 
div.webmail_wrap div.content_bg{position:absolute;background:#0c81c7;width:100%;height:380px;z-index:1;top:10px;}
div.webmail_wrap div.content_wrap{position:relative;width:980px;margin:0 auto;z-index:2} 
div.webmail_wrap div.content_wrap div.content_left{float:left;width: 450px;margin-right:50px;} 
div.webmail_wrap div.content_wrap div.content_right{float:right;position: relative;} 

/* Login */
.login_wrap{position:relative;}
.login_wrap div.corner_top{position:absolute;top:1px;left:-6px;width:6px;height:10px;background: url(/static/img/skins/webmail-ig/corner_top_left.png) right top no-repeat;z-index:3}
.auth-mail-beta{position:absolute;top:-5px;right:-5px;width:100px;height:100px;background: url(/static/img/skins/webmail-ig/beta_top_right.png) right top no-repeat;z-index:3}
.login_wrap div.content{background:rgba(255,255,255,0.9);width:308px;height:310px;padding:35px 50px 50px 50px;border:1px solid #e0e0e0;z-index:2}
.login_wrap div.content h1{background: url(/static/img/skins/webmail-ig/logo_ibest.png) no-repeat;padding-left:60px;color:#656564;font:40px/55px "MuseoSans700", arial;margin-bottom:10px;}
.login_wrap div.content h1 span{font:12px/30px "MuseoSans500", arial;vertical-align:top;padding-left: 3px;}
.login_wrap div.content form div.field{float:left;margin-bottom:10px;width: 307px;}
.login_wrap div.content form div.field input[type="text"],
.login_wrap div.content form div.field input[type="password"]{float:left;color:#646464;width:290px;padding:5px 5px 4px 10px;height:24px;border:1px solid #bab8be;font-size:14px}
.login_wrap div.content form div.field input:focus {color:#666666;}
.login_wrap div.content form div.field.pwd{margin-bottom:5px}
.login_wrap div.content form div.field.checkbox input{float:left;width:20px;height: 24px;margin:0;}
.login_wrap div.content form div.field.checkbox label{float:left;color:#666;font:normal 13px/13px "MuseoSans700", arial;margin-left:5px;padding-top:6px}
.login_wrap div.content form div.field.alert input{border:2px solid #e64b06;height:24px;width:288px}
.login_wrap div.content form div.field.alert{position:relative;}
.login_wrap div.content form div.field div.alert_msg{display:none;position:absolute;right:0;top:30px;width:110px}
.login_wrap div.content form div.field.alert div.alert_msg{display:block;z-index:1}
.login_wrap div.content form div.field.alert div.alert_msg div,
.login_wrap div.content form div.field.alert div.alert_msg span{float:left;width:100px}
.login_wrap div.content form div.field.alert div.alert_msg span.arrow{position:relative;background: url(/static/img/skins/webmail-ig/arrow_top.png) center no-repeat;top:5px;}
.login_wrap div.content form div.field.alert div.alert_msg span.message,
.login_wrap div.content form span.full_message{display:block;background:#e64b06;color:#fff;display:block;padding:10px;width:90px;font:13px/13px "MuseoSans500", arial;text-align:center;}
.login_wrap div.content form span.full_message{width:auto;}
.login_wrap div.content form div.form-actions{float:left;margin-top:15px;}
.login_wrap div.content form div.form-actions button{width:98px;height:33px;background:#ff7358;border:none;color:#fff;font-size:18px;cursor:pointer;}
.login_wrap div.content form div.form-actions button:hover{background:#ed8470;}
.login_wrap div.content form div.form-actions button:active{background:#d95d45;}
.login_wrap div.content form div.form-actions p{margin-top:30px;color:#666;font:normal 14px/14px "MuseoSans700", arial}
.login_wrap div.content form div.form-actions p a{color:#0c81c7;text-decoration:none}
.login_wrap div.content form div.form-actions p a:hover{text-decoration:underline;}

.auth-mail-iframe {width: 410px; height: 468px;overflow: hidden;border:0 none;margin: 0;padding: 0;}

/* Tour */
.footer_tour{width:360px;z-index:2;padding:30px 25px 0 25px;position:absolute;height:50px;margin-top:-10px;background: url(/static/img/skins/webmail-ig/bg_footer_tour.png) no-repeat;}
.footer_tour span{float:left;font:normal 16px/37px "MuseoSans100", arial;color:#fff;}
.footer_tour strong{font:normal 16px/37px "MuseoSans500", arial;}
.footer_tour a.btn{float:right;display:block;background: #56666e; background:rgba(255, 255, 255, 0.2);width:130px;height:32px;text-decoration: none;text-align: center;font:normal 16px/30px "MuseoSans100", arial;color:#fff;}
.footer_tour a.btn strong{font:normal 16px/32px "MuseoSans500", arial;}

/* Layou iG */
.footer_tour a.btn-ig {background: #33a0cb;background:rgba(255, 255, 255, 0.2)}
.igmail.footer_tour{width:360px;z-index:2;padding:30px 25px 0 25px;position:absolute;height:50px;margin-top:-10px;background: url(https://login.ig.com.br/static/img/bg-item-menu-ig.png) no-repeat;}
.login_wrap div.content h1.logo-webmail-ig{background:none;padding-left:0;color:#2980b9;font:40px/40px "MuseoSans700", arial;margin-bottom:10px;}

/* Footer */
#webmail_footer {position: fixed;width: 100%;bottom:0;background: #fff;}
#webmail_footer .container{font: 12px/14px "MuseoSans300", arial;color: #666;}
#webmail_footer .container p{text-align: right;padding-right:10px}
#webmail_footer .container ul li{float:left;padding: 0 10px;border-right: 1px solid #dfdfdf;}
#webmail_footer .container ul li:last-child{border-right:none;}
#webmail_footer .container ul li a{color: #0c81c7;text-decoration: none;}
#webmail_footer .container{padding:20px 0;width: 980px;margin:auto;text-align:center;}

/* Menu */
#barra-global-container ul.canais li a,#barra-global ul.canais li a:hover,#barra-global h5,#brra-global h5 a:hover,#barra-global h5 a,#barra-global h5 a span,#barra-global ul.canais li.facebook a span,#barra-global ul.canais li.twitter a span {background: url(https://login.ig.com.br/static/img/barraiG/sprite-parceiros.png) no-repeat;}
#barra-global-container * {margin: 0;padding: 0;border: 0;outline: 0;list-style: none;text-decoration: none;}
#barra-global-container {width: 100%; position: relative;}
#barra-global-container ul.canais li a {background-position: 0 -26px;background-repeat: repeat-x;}
#barra-global ul.canais li a:hover {background-position: 0 -69px;background-repeat: repeat-x;}
#barra-global {width: 988px;height: 36px;margin: 0 auto;padding: 0;}
#barra-global h5 a {float: left;background-position: 0 -26px;background-repeat: repeat-x;border-right: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-top: 3px solid #868f9e;border-bottom: 1px solid #dfdfdf;}
#barra-global h5 a span {float: left;background-position: 11px 6px;width: 46px;height: 36px;text-indent: -15000px;cursor: pointer;border-right: 1px solid #fff;margin: 0 !important;text-align: center;line-height: 36px;}
#barra-global h5 a:hover {background-position: 0 -69px;background-repeat: repeat-x;}
#barra-global ul.canais {float: left;height: 36px;}
#barra-global ul.canais li {float: left;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #dfdfdf;}
#barra-global ul.canais li a {float: left;height: 36px;cursor: pointer;}
#barra-global ul.canais li a span.texto {float: left;height: 36px;text-align: center;font: 13px/36px MuseoSans500, arial;color: #565d69;}
#barra-global ul.canais li a span.borda {float: left;width: 1px;height: 36px;background: url(https://login.ig.com.br/static/img/bg-item-menu-ig.png) no-repeat;}
#barra-global ul.canais li a.homeiG {border-top: 3px solid #2f88c1;}
#barra-global ul.canais li a.homeiG .texto {width: 74px;}
#barra-global ul.canais li a.noticias {border-top: 3px solid #324e69;}
#barra-global ul.canais li a.noticias .texto {width: 67px;}
#barra-global ul.canais li a.economia {border-top: 3px solid #5b8e5d;}
#barra-global ul.canais li a.economia .texto {width: 78px;}
#barra-global ul.canais li a.esportes {border-top: 3px solid #547700;}
#barra-global ul.canais li a.esportes .texto {width: 70px;}
#barra-global ul.canais li a.gente {border-top: 3px solid #b73b35;}
#barra-global ul.canais li a.gente .texto {width: 55px;}
#barra-global ul.canais li a.delas {border-top: 3px solid #b175aa;}
#barra-global ul.canais li a.delas .texto {width: 51px;}
#barra-global ul.canais li a.videos {border-top: 3px solid #333333;}
#barra-global ul.canais li a.videos .texto {width: 58px;}
#barra-global ul.canais li a.maisSites {border-top: 3px solid #2f88c1;}
#barra-global ul.canais li a.maisSites .texto {width: 75px;}
#barra-global ul.canais li a.batePapo {border-top: 3px solid #fbb01e;}
#barra-global ul.canais li a.batePapo .texto {width: 79px;}
#barra-global ul.canais li a.servicosDigitais {border-top: 3px solid #3eb4ff;}
#barra-global ul.canais li a.servicosDigitais .texto {width: 116px;}
#barra-global ul.canais li a.acesseSeuEmail {border-top: 3px solid #868f9e;}
#barra-global ul.canais li a.acesseSeuEmail .texto {width: 119px;}
#barra-global ul.canais li.twitter a,#barra-global ul.canais li.facebook a {line-height: 0px;font-size: 0;padding-left: 9px;}
#barra-global ul.canais li.twitter,#barra-global ul.canais li.facebook {border-top: 3px solid #868f9e;}
#barra-global ul.canais li.facebook a span.social,#barra-global ul.canais li.twitter a span.social {float: left;text-indent: -15000px;margin-top: 10px;padding-right: 9px;}
#barra-global ul.canais li.facebook a span.social {background-position: 0 -107px;width: 18px;height: 18px;}
#barra-global ul.canais li.twitter a span.social {background-position: 0 -125px;width: 18px;height: 16px;}

/*Helpers*/
.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}