/* REGISTO */



body.registo {
	background: #f8f8f8
}

.registo .box {
	margin: 1.5em 0;
}

.registo fieldset.box {
	padding-bottom: 0
}

.registo .ink-navigation ul.menu {
	line-height: 27px
}

.registo .ink-navigation ul.menu li {
	font-size: .75em;
	color: #888
}

.registo .ink-navigation ul.menu li a {
	line-height: inherit;
	padding: 0 0 0 .5em;
    text-shadow: none;
    font-family: Arial,Helvetica,sans-serif;
}

.registo .ink-navigation ul.menu li a:after {
	content: '\2022';
	position: relative;
	color: #aaa;
	padding-left: .5em;
}

.registo .ink-navigation ul.menu li:last-child a:after {
	display: none
}

.registo .ink-navigation ul.menu.chooseLanguage li a:after {
	content: '';
	padding-left: 0;
}

.registo .ink-navigation ul.menu.chooseLanguage li {
	padding: 0 .5em
}

.registo .ink-navigation ul.menu.chooseLanguage li a {
	padding: 0
}


.registo h3 {
	margin-bottom: .5em
}

p.legenda {
	font-size: .875em;
	color: #666
}

.registo .control-group label {
	width: 160px;
	float: left;
	color: #666;
	text-align: right;
	padding-right: 10px;
	line-height: 36px;
}

.registo span.tip {
	padding-left: 160px;
	display: block;
	font-size: .75em;
	color: #999;
	display: none
}

.registo input:focus ~ .tip {
	display: block;
}

.registo #name,
.registo #email,
.registo #emailAlt,
.registo #parentUser {
	width: 380px
}

.registo #password,
.registo #passwordConfirm,
.registo #phone,
.registo #parentPassword {
	width: 220px
}

.registo #phonePrefix {
	width: 50px
}

.middletip,
#cancelAccount-wrapper {
	padding-left: 160px;
	margin-bottom: .9em;
}

.kidsForm h5 {
	margin-bottom: .25em
}

.kidsForm p.rec_kids {
	margin-bottom: 1.5em
}

.parentEmailWarn {
	padding-left: 180px;
	font-size: .875em;
	position: relative
}

.parentEmailWarn:before {
	content: "\f071";
	position: absolute;
	top:0;
	left:161px;
	font-family: FontAwesome;
	font-size: 1em;
	font-style: normal;
	color: #645721;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.registo input[type=checkbox] {
	vertical-align: text-top;
	margin-right: .25em
}

.registo .control-group input[type=radio] {
	float: none;
	margin:0 .5em 0 0;
	vertical-align: text-top;
}

.registo .control-group input[type=radio].mleft10 {
	margin-left: 10px
}

.registo fieldset.captchaStuff {
	padding-bottom: 1em
}

.captchaStuff .sapo-button {
	margin: .5em .5em .5em 0
}

.captchaStuff img,
.captchaStuff .insertCaptcha  {
	display: inline-block
}

.captchaStuff img  {
	border: 1px solid #c6c6c6
}

.captchaStuff .insertCaptcha {
	padding-left: .5em
}

.captchaStuff .captchaInput {
	display: block;
	margin-top: .5em;
}

.captchaStuff .insertCaptcha input {
	width: 200px;
}

.insertCaptcha i {
	padding-right: .25em
}

#soundCaptcha, #renew {
	font-size: .875em;
	padding-right: 1em
}

.b_criar {
    position: relative;
    display: inline-block;
    margin-bottom: 3em;
    padding: 1em .5em 1em 0;
}

.b_criar span {
    padding-left: .5em;
}
.b_criar span.error {
    position: absolute;
    bottom: -1em;
    left: 0;
    padding-left: 12px;
    white-space: nowrap;
}

#b_entrar .fa {
    padding-left: 5px;
}

.registo .sapo-button.blue {
	font-size: 1.25em;
}

.radiotxt {
	line-height: 36px
}

#registo p#emailmsg {
	margin: 0 0 0 160px;
	width: 380px !important;
	padding-left: 1em;
	line-height: 1.6;
	font-size: .875em;
	color: #fff;
	border-radius: 0 0 2px 2px;
}

#registo #suggestions {
	font-size: .875em;
	margin-left:160px;
	padding-bottom: 16px;
}

#registo #suggestions p {
	margin: 1em 0 0 0;
}

#registo p#emailmsg a {
	color: #fff !important;
	cursor: pointer;
	text-decoration: underline
}

.registo #meter_colortext_place {
	margin-left: 160px;
	width: 220px !important;
	padding-left: 1em;
	display: block;
	line-height: 1.6;
	font-size: .875em;
	border-radius: 0 0 2px 2px;
}

.registo .error {
	color: #CC0000;
	font-size: .875em
}

.registo .error:before {
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 1em;
	font-style: normal;
	color: #CC0000;
	padding-right: .5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.withjs .warningMsg,
.displayNone {
	display:none;
}

.showterms iframe {
	width: 100%;
	background:#fff;
	border-radius:2px;
	box-shadow:0px 1px 1px #dfdfdf;
	padding: 1em;
	border: none;
	height: 250px;
}

.registo .hide {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.sapo_cal_date_picker {
	margin-left:5px;
	cursor:pointer;
}

#final h5 {
	font-weight: normal
}

.bullet:before {
	border-radius: 100%;
	color: #fff;
	background: #91bc18;
	font-size: 20px;
	font-family: Roboto,Arial,Helvetica,sans-serif;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	text-align: center;
	margin-right: 10px
}

.bullet1:before {
	content: '1';
}

.bullet2:before {
	content: '2';
}

#goMail {margin-top: 1em; text-align: center}

#final {
	padding-bottom: 4em
}

#final ul.column-group {
	margin: 0 1em
}

#final ul.column-group li {
	position: relative;
	padding-right: 30px
}

#final ul.column-group li.promo_mobile {
	padding-left: 30px;
}

#final ul.column-group li.promo_chat {
	padding-left: 42px;
}

#final ul.column-group li.promo_spam {
	padding-left: 35px;
}

#final ul.column-group li:last-child {
	padding-right: 0;
}

#final ul.column-group .fa-mobile {
	font-size: 42px;
	position: absolute;
	left: 0;
	top:2px;
	color: #999
}

#final ul.column-group .fa-comments {
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 3px;
	color: #999;
}

#final ul.column-group .fa-shield {
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 6px;
	color: #999
}


/* CENAS */

.sapomail .box {
	background:#fff;
	border-radius:2px;
	box-shadow:0px 1px 1px #dfdfdf;
	padding: 1em;
}

.sapomail .ink-alert.basic {
	background-color: #fdf6d9;
	border-radius: 4px;
	color: #645721;
	padding: .7em 2em .7em 1em;
	line-height: 1.4em;
	border:none;
	font-size: 1em
}

.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

.mtop2 {margin-top: 2em}
.mtop4 {margin-top: 4em}
.pleft {padding-left: 1em}


/* OVERLAY */

#closeNotifications {
    width: 100%;
    float: right;
    margin: 5px;
    position: relative;
    text-align: right;
    cursor: pointer;
}

#overlay {
    visibility: block;
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    zoom: 1;
    background-color: rgba(0,0,0,.5);

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.50;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.50;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.50;
}

#errorBox {
    display: block;
    position: absolute;
    width: 70%;
    top: 2em;
    margin: 90px auto;
    padding:1em 2em;
    border-radius: 5px;
    background-color: #fff;
    left: 0px;
    right: 0px;
    z-index: 2000;
}

#errorBox h2 {
    margin-bottom:1em;
    text-transform: none;
    line-height: 1.3
}

#errorBox li {
    margin-left: 1em;
}


/* OLD BROWSERS */

#showOldBrowser {display:none; position:relative; padding-top: 1em;}
#showOldBrowser h2 {color:#000; font-size:1em; font-weight: bold; text-transform: none}

#showOldBrowser .msg {margin-top: 1.5em}

#showOldBrowser ul {padding: 1em 0 0 1em}
#showOldBrowser li {display:inline}
#showOldBrowser li a {display: block; float:left; margin-left:10px; text-indent:-9999px}

#showOldBrowser .firefox, #showOldBrowser .ie, #showOldBrowser .safari, #showOldBrowser .chrome {background:url(../img/browsers.png) no-repeat}

#showOldBrowser .firefox {width:110px; height:57px; background-position: 0px 0px}
#showOldBrowser .ie {width:127px; height:57px; background-position: -138px 0px}
#showOldBrowser .safari {width:107px; height:57px; background-position: -288px 0px}
#showOldBrowser .chrome {width:125px; height:57px; background-position: -410px 0px }

#showOldBrowser p {font-size:0.85em; line-height:1.2em;}
#showOldBrowser p a {font-weight:bold}

#showOldBrowser button.hideOldBrowser {background: none; border: none}
#showOldBrowser .hideOldBrowser {position: absolute; right: 0; top:1em}

#showOldBrowser .clear {clear:both; border-bottom: 1px solid #ddd}


/* 404 */

.notfound {
	background: url(../img/bg404.png) no-repeat center bottom;
	margin-top: 3.5em;
	height: 250px;
	padding-top: 4.5em
}

.notfound h2,
.notfound p {
	text-align: center;
}


/* MEDIA QUERIES */

/* LARGE */
@media screen and (min-width:640px) {

	.carousel .destaque div {width: 60%; float: right; text-align: right;}
}

@media screen and (max-width: 959px) {

	ul.features li:before {height:50px;background-size:auto 100%;margin:.5em}
	.quota:before {width: 56px;}
	.antispam:before {width: 48px;}
	.mobile:before {width: 54px;}
	.chat:before {width: 54px;}
	.bigfont {font-size: 1.6em;}
	.smallfont {font-size: .875em;}

	main .push-left {padding-right: 0;margin-right: 0}
	.carousel_container.push-left {padding-right: 320px;margin-right: -320px;}

}

/* MEDIUM */

@media screen and (min-width:640px) and (max-width:850px) {

	.sapomail nav.main ul.menu.horizontal li.search form .fake-input input[type=search] {width:150px}
	.sapomail nav.main ul.menu.horizontal li.search form .fake-input input[type=search]:focus {width:150px}

	aside{display:none}
	.carousel_container.push-left, .wiki_container.push-left, main.push-right, .side_pub .push-left{padding:0!important;margin:0!important}
	.side_pub .push-left {height: auto}
	.carousel_container {height: auto;}

	.destaque {padding-right: 0; margin-right: 0}
	.carousel .destaquinhos {float:none}
	.carousel ul.destaquinhos {display: inline; margin: 0}
	.carousel ul.destaquinhos li {display: inline-block; margin: 1em 1em 0 0}
}

@media screen and (max-width:850px) {
	#mrec {display: none !important}
	.small_pub{display:block !important}
}


/* SMALL */
@media screen and (max-width:639px) {

	.ink-navigation ul.menu.horizontal .hide-small{display:none}
	.ink-navigation ul.menu.horizontal .show-small{display:inherit !important}

	.sapomail nav.main ul.menu.horizontal li.search form .fake-input input[type=search] {width:auto}
	.sapomail nav.main ul.menu.horizontal li.search form .fake-input input[type=search]:focus {width:auto}

	aside{display:none}
	.carousel_container.push-left, .wiki_container.push-left, main.push-right, .side_pub .push-left{padding:0!important;margin:0!important}
	.side_pub .push-left {height: auto}
	.carousel_container {height: auto;}

	.sapomail .sapo-button {padding: 12px}

	.registo span.tip, .middletip, #cancelAccount-wrapper {padding-left: 0;}
	.registo #meter_colortext_place {margin-left: 0;}
	.registo .control-group label {width: 100%;text-align: left;}
	.registo #name, .registo #parentUser, .registo #passwordConfirm, .registo #password, .registo #emailAlt, .registo #parentPassword, .captchaStuff .insertCaptcha input {width: 100%}
	.registo #email { width: 70%}
	.registo #phone {width: 50%}
	.captchaStuff .insertCaptcha {padding-left:0}
	#soundCaptcha, #renew {display: block; margin: 1em 0}
	.registo .ink-form .control-group {line-height: 1.3}
	.parentEmailWarn {padding-left: 20px;}
	.parentEmailWarn:before {left:0px;}

	.destaque {padding-right: 0; margin-right: 0; position: relative}
	.carousel .destaque li {padding: 0}
	.carousel .destaque div {position:absolute;width:100%;left:0;bottom:0;text-align: right; background: rgba(255,255,255,.9); padding: 10px}
	.carousel .destaquinhos {float:none}
	.carousel ul.destaquinhos {display: inline; margin: 0}
	.carousel ul.destaquinhos li {display: inline-block; margin: 1em 1em 0 0}

}

/* TINY */

@media screen and (max-width:420px) {

	.carousel_container {display: none}

}


/* TIMOTEO bota as tuas cenas aqui */

#bsu-v2-footer-links a {
    color: #555;
    text-shadow: none;
}

#bsu-v2-footer-links a:hover {
    text-decoration: underline;
}

#menu {
    overflow: visible;
    position: relative;
    z-index: 2;
}

.homepage .clearfix {
    position: relative;
    z-index: 1;
}

#contentOverlay {
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    zoom: 1;
    background-color: rgba(0,0,0,.5);

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.50;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.50;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.50;

    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.50;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.50;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.50;
}









/*NEW STYLES*/




@media screen and (min-width: 1261px) {
    html {
        font-size:1.08em!important
    }
}

@media screen and (min-width: 961px) and (max-width:1260px) {
    html {
        font-size:1.05em!important
    }
}

@media screen and (min-width: 641px) and (max-width:960px) {
    html {
        font-size:1em!important
    }
}

@media screen and (min-width: 321px) and (max-width:640px) {
    html {
        font-size:.98em!important;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size:.97em!important
    }
}




html, body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    color: #42413d;
}

.registo .ink-form .control-group {
    margin-bottom: 1.5em;
}

.registo .ink-navigation a,
.registo #contents a {
    color: #7ab800!important;
    text-decoration: none;
}

.sapomail header{
    padding:0;
}
.sapomail header h1 a {
    background:none;
    display: inline;
    height: auto;
    text-indent:unset;
    width: auto;
}

.registo .ink-navigation ul.menu li a {
    line-height: inherit;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

#header {
  height: 100px;
  background-color: #ffffff;
  
}
@media screen and (max-width: 960px) {
  #header {
    min-height: 60px;
    height: 60px!important;
    -webkit-transition: height 0.25s ease;
    -moz-transition: height 0.25s ease;
    -ms-transition: height 0.25s ease;
    -o-transition: height 0.25s ease;
  }
}
#header .logo {
  display: inline-block;
  position: relative;
  height: 60px;
  padding: 20px 0;
  margin: 0;
  font-size: 1em;
  box-sizing: content-box;
}
@media screen and (max-width: 960px) {
  #header .logo {
    height: 50px;
    padding: 5px 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
  }
}
@media screen and (max-width: 640px) {
  #header .logo {
    height: 40px;
    padding: 10px 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
  }
}
#header .logo img {
  display: block;
  height: auto;
  max-height: 100%;
}
#header .ink-navigation.content-menu {
  height: 100px;
  padding: 25px 0;
  margin: 0;
}
@media screen and (max-width: 960px) {
  #header .ink-navigation.content-menu {
    height: 60px;
    padding: 15px 0;
  }
}
#header .ink-navigation.content-menu > ul.menu.horizontal > li {
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  #header .ink-navigation.content-menu > ul.menu.horizontal > li {
    margin-left: 0;
  }
}
#header .ink-navigation.content-menu > ul.menu.horizontal > li a {
  padding: 0 1.25em;
  line-height: 50px;
  font-size: 1.25em;
  font-weight: 300;
}
@media screen and (max-width: 960px) {
  #header .ink-navigation.content-menu > ul.menu.horizontal > li a {
    padding: 0 1em;
    line-height: 30px;
  }
}
@media screen and (max-width: 640px) {
  #header .ink-navigation.content-menu > ul.menu.horizontal > li a {
    padding: 0 .75em;
  }
}
#header .ink-navigation.content-menu > ul.menu.horizontal > li:first-child {
  margin-left: 0;
}
#header .ink-navigation.content-menu > ul.menu.horizontal > li:last-child a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/*
.sapomail header {
    height: 100px;
    background-color: #ffffff;
    padding:  0;
}

.sapomail header h1 {
    display: inline-block;
    position: relative;
    height: 60px;
    padding: 20px 0;
    margin: 0;
    font-size: 1em;
    box-sizing: content-box;
}

.sapomail header h1 a {
    background: url(//imgs.sapo.pt/sapologos/current/e2dcdb4faa96544b9815494d52f5e3167353d5e6937c2f4ff41597a7f32c6764.png) no-repeat;
    display: block;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
    width: 250px;
    background-size: auto 100%;
}

*/


.sapomail #contents {
    width: 600px;
    min-height: 600px;
    margin: 0 auto;
    background: #ffffff;
    padding: 2em;
    padding-top: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.sapomail .registo h3 {
    font-size: 1.6em;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2em;
    clear:  both;
}

.sapomail #contents nav.ink-navigation.push-right{
    float: left;
    -webkit-justify-content: start;
    -moz-justify-content: start;
    justify-content: start;
    margin-bottom: 2em;
}

.registo fieldset.box {
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom:2em;
    border-radius: 0px;
    box-shadow: none;
}
.registo .control-group label {
    width: 100%;
    float: none;
    display: block;
    color: #555;
    text-align: left;
    padding-right: 0;
    line-height: inherit;
}

.sapomail .ink-form select,
.sapomail .ink-form input {
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-weight: 300;
    resize: none;
    background: #FFF;
    vertical-align: middle;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #a9a8a2;
    padding: .5em;
    font-size: 1em;
    color: #42413d;
}


.sapomail .ink-form input[type='password']:focus,
.sapomail .ink-form input[type='text']:focus {
    background: #f1f8e5;
    border: 1px solid #77756e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.sapomail .ink-form .select-box{
	position:relative;
	display:inline-block;
	border: 1px solid #a9a8a2;
	
}
.sapomail .ink-form .select-box select{
	border:none;
	height: 2.25em;
	width: 100%;
	padding: 0 .5em;
	padding-right:30px;
	background: transparent;
	z-index: 1;
	position:relative;
}
.sapomail .ink-form .select-box:after {
    position: absolute;
    top: 0%;
    right: 0;
    width: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 1.2em;
    /* text-align: center; */
    font-family: FontAwesome;
    content: "\f107";
    z-index: 0;
    cursor: pointer;
    cursor: hand;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

@-moz-document url-prefix() {
    .sapomail .ink-form .select-box select{
        padding: 0 .25em;
        padding-right:25px;
        
    }
}

.registo fieldset{

    overflow: inherit;

}

.registo #name, 
.registo #emailAlt, 
.registo #parentUser {
    width: 100%;
}
.registo #email {
    width: 85%;
}
#suggestions + .control-group + .control-group,
#suggestions + .control-group {
    width: 50%;
    float: left;
}
#suggestions + .control-group {
    padding-right:2.5%;
}
#suggestions + .control-group + .control-group {
    padding-left:2.5%;
}

.registo #password, 
.registo #passwordConfirm, 
.registo #parentPassword {
    width: 100%;
}

#suggestions + .control-group + .control-group + .control-group{
    clear:both;
    width: 50%;
    float: left;
}
.registo .control-group input[type='radio'] {
   margin: -2px .5em 0 0;
}
.registo input[type='checkbox'] {
   vertical-align: text-top;
}
.registo input[type='checkbox'],
.registo input[type='radio']{
    visibility: hidden;
    padding:0;
    height: 20px;
    float: left;
}


/*IE 10 - 11*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.registo input[type='checkbox'],
    .registo input[type='radio']{
        visibility: visible;
        vertical-align: middle!important;
        margin-right: .25em;
    }
    .registo input[type='checkbox']:after,
    .registo input[type='radio']:after{
        display: none;
    }
    .sapomail .ink-form .select-box select{
        padding-right: 0!important;
        border: 1px solid #a9a8a2!important;
    }
    .sapomail .ink-form .select-box{
        border: none;
    }
    .sapomail .ink-form .select-box:after{
        display: none;
        padding-right: .5em;
    }
}


/*IE 9*/

.lt-ie9 .registo input[type='checkbox'],
.lt-ie9 .registo input[type='radio']{
    visibility: visible;
    vertical-align: middle!important;
    margin-right: .25em;
    border: none;
}
.lt-ie9 .registo input[type='checkbox']:after,
.lt-ie9 .registo input[type='radio']:after{
    display: none;
}
.lt-ie9.sapomail .ink-form .select-box select{
    padding-right: 0!important;
    border: 1px solid #a9a8a2!important;
}
.lt-ie9.sapomail .ink-form .select-box{
    border: none;
}
.lt-ie9.sapomail .ink-form .select-box:after{
    display: none;
    padding-right: .5em;
}






.registo input[type='checkbox']:checked:after,
.registo input[type='checkbox']:after,
.registo input[type='radio']:checked:after,
.registo input[type='radio']:after {
    width: 20px;
    height: 20px;
    line-height:20px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    top: 0px;
    left: 0px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #a9a8a2;
    font-family: FontAwesome;
    text-align:center;
    color:#fff;
    font-size:.85em;
    
    vertical-align: text-bottom;
  
}
.registo input[type='checkbox']:checked:after,
.registo input[type='checkbox']:after {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.registo input[type='checkbox']:after,
.registo input[type='radio']:after {
    background-color: #f6f6f6;
}
.registo input[type='checkbox']:checked:after,
.registo input[type='radio']:checked:after {
    background-color: #7ab800;
    content: "\f00c";
    vertical-align: top;
}
.registo input[type='checkbox'] + .checkboxTerms,
.registo input[type='checkbox'] + .checkboxes,
.registo input[type='radio'] + .radiotxt{
    margin-left:.25em;
}

.registo .birthDate{
    padding-left:2.5%;
    width: 50%;
    float: left;
}

.registo .birthDate .select-box{
	/*width:27%;*/
	margin-right:.25em;
	float: left;
}


.registo #birthday{
	width: 20px;
	/* height: 2.25em; */
	line-height: 2.5em;
	display:inline-block;
}

.registo #phonePrefix {
    width: 60px;
    float:  left;
}
.registo #phone {
    width: calc(40% - 10px);
    margin-left:10px;
}

.captchaStuff .insertCaptcha {
    display:block;
}
.captchaStuff .captcha{
	width: 50%;
	margin-right:5%;
	float:left;
}
.captchaStuff .captcha picture{
	width:100%;
	padding: .5em 0;
	text-align:center;
	border: 1px solid #a9a8a2;
	display:  block;
	background: #f3f3f3;
}
.captchaStuff .captcha picture img{
	border:none;
}
.captchaStuff #captcha{
	width:100%;
}
.captchaStuff .actions{
	width: 45%;
	float:left;
}

.captchaStuff .actions span{
	display:block;
	line-height: 2em;
}

#soundCaptcha, #renew{
	font-size:1em;
}
.captchaStuff span .fa{
	margin-right:.25em;
}

.captchaStuff #captchaSoundObj{
	margin-top:1em;
}

.registo .b_criar{
	display:block;
	text-align:right;
	margin: 2em 0 0 0;
	padding:  0;
}

.sapomail .cancelReg a,
.sapomail .ink-form input.sapo-button{
	background: #7ab800;
	color: #ffffff;
	border: 1px solid #7ab800;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-moz-background-clip: inherit;
	-webkit-background-clip: inherit;
	background-clip: inherit;
	font-size:1.15em;
	padding: 8px 12px;
	margin-left:1em;
	vertical-align: text-top;
	outline: none;

}
.sapomail .registo .cancelReg a{
	background: #fff;
	color: #7ab800!important;
    border: 1px solid #7ab800;
    display:inline-block;
    margin:0;
}


#registo p#emailmsg {
    margin: 0;
    width: 85% !important;
    padding-left: .5em;
    line-height: 2em;
    color: #fff;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.registo span.tip {
    padding-left: 0;
}
#registo #suggestions {
    font-size: .875em;
    margin-left: 0;
}

.registo #meter_colortext_place {
    margin-left: 0;
    width: 100% !important;
    padding-left: .5em;
    display: block;
    line-height: 2em;
    font-size: .875em;
    color: #fff;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.registo .error {
    line-height: 1.25;
    margin: .5em 0;
}


.sapomail .ink-alert{
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	margin: 0em 0 1em 0!important;
}

.ink-form p.tip {
    line-height:1.25em;
    margin-top:.5em;
 }





#cancelAccount-wrapper,
.sapomail .ink-alert{
	background-color: #f1f8e5!important;
	margin: 0 -2em!important;
    padding: 2em!important;
    color:#333!important;
}
#cancelAccount-wrapper{
	clear:both;
	padding-bottom:.5em!important;

}
.checkboxCancelKids{
	margin-left:.5em;
}
.kidsForm h5 {
    font-weight:500;
    margin-bottom:.75em;
}
.parentEmailWarn {
	margin-top:.5em!important;;
    padding-left: 1.5em;
    line-height:1.5em;
}
.parentEmailWarn:before {
    left: 0px;
    color: #333;
}
.sapomail #noKidsMail,
.sapomail #contents .ink-navigation ul.menu.horizontal>li:first-child{
	margin-right:.5em;
}
.registo .ink-navigation ul.menu li a:after {
    padding: 0 .5em;
}
.sapomail h2.hide-all + .box {
    background: #f1f8e5;
    border-radius: 2px;
    box-shadow: 0px 1px 1px #dfdfdf;
    padding: 1em;
}


@media screen and (max-width: 640px){
	.sapomail #contents {
		width: inherit;
		padding: 1em;
		margin-top:1em;
	}

	.registo .control-group label {
		font-size: .9em;
    	line-height: 1.75em;
	}


	.registo .domain{
		font-size: .9em;
	}

	.registo #email {
		width: 80%;
	}
    
    .registo #birthday{
        display: none;
    }

	#suggestions + .control-group + .control-group + .control-group {
		width: 100%;
		float: none;
	}

	.registo .birthDate {
		padding-left: 0;
		width: 100%;
		float: none;
	}

	#cancelAccount-wrapper,
	.sapomail .ink-alert {
    margin: 0 -1em!important;
    padding: 1em!important;
}

	
}

@media screen and (max-width: 500px){
	.registo #email {
		width: 75%;
	}

	#suggestions + .control-group + .control-group,
	#suggestions + .control-group {
		width: 100%;
		float: none;
	}
	#suggestions + .control-group {
		padding-right:0
	}
	#suggestions + .control-group + .control-group {
		padding-left:0;
	}
	.registo #phone {
		width: calc(100% - 70px);
	}
	.registo input[type='checkbox'] + .checkboxTerms, .registo input[type='checkbox'] + .checkboxes, .registo input[type='radio'] + .radiotxt {
		font-size:.9em;
	}

	.captchaStuff .captcha {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.captchaStuff .actions {
		width: 100%;
		float: none;
	}
	.sapomail .cancelReg a{
		float:left;
	}

	.sapomail .cancelReg a,
	.sapomail .ink-form input.sapo-button{
		font-size: 1em;
	}
	
}

.bsu-v2-footer-logo {
    background-position: 5px -42px!important;
}

#footer {
  background: #222222;
  padding: 3em 0 2em 0;
}

#footer #bsu-footer,
#footer #bsu-v2-footer {
  padding: 1em 0 0 0!important;
  border-top: 1px solid #666666;
  color: #808080;
}

.registo #footer #bsu-footer a,
.registo #footer #bsu-v2-footer a {
  color: #cccccc!important;
  text-transform: uppercase;
  font-size: .9em;
}

.registo #footer #bsu-footer a,
.registo #footer #bsu-v2-footer a:hover {
  color: #cccccc;
  text-transform: uppercase;
  font-size: 0.9em;
}

#footer #bsu-footer-links,
#footer #bsu-v2-footer-links {
  min-height: 30px;
  padding: 0.5em 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #666666;
}

#footer #bsu-footer-links li,
#footer #bsu-v2-footer-links li {
  float: left;
  margin-right: 30px;
}

.registo #footer #bsu-footer-links li a,
.registo #footer #bsu-v2-footer-links li a {
  display: block;
  color: #808080!important;
  text-transform: uppercase;
  font-size: .8em;
}

.registo #footer #bsu-footer-links li a:hover,
.registo #footer #bsu-v2-footer-links li a:hover {
  color: #FFF!important;
}

#footer #bsu-footer-links:after,
#footer #bsu-v2-footer-links:after {
  content: "";
  display: table;
  clear: both;
}

/* JP */
#registo .inline {
  display: inline;
}

/*dadosRegisto*/

#final {
    margin-top: 1em;
    padding-bottom: 0em;
}
#final p {
    font-size: 1.1em;
}
#final strong,
#final b {
    font-weight: 500;
}

#final .box {
    padding: 0;
    box-shadow: none;
}
#goMailForm{
    position: relative;
    margin-top: 2em;
}
#final h3 {
    margin-bottom: 1em;
}
#final h4 {
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 2em;
}
#final h5 {
    margin-left: 2em!important;
    margin-bottom: 1.5em;
    line-height: 1.4em;
}
#final .bullet:before {
    background: transparent;
    color: #999;
    position: absolute;
    left: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.25em;
    content:"\f105";
}

#final .ordered-list .bullet:before {
    background: #999;
    color: #fff;
    left: 0;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 25px;
    text-align: center;
}
#final .ordered-list .bullet:nth-child(1):before {
    content:"1";
}
#final .ordered-list .bullet:nth-child(2):before {
    content:"2";
}
#final .ordered-list .bullet:nth-child(3):before {
    content:"3";
}
#final .ordered-list .bullet:nth-child(4):before {
    content:"4";
}
#final .ordered-list .bullet:nth-child(5):before {
    content:"5";
}
#final .ordered-list.no6 .bullet:before{
    content:"6";
}


#final p.aviso {
    text-align: center;
}

#final .btn_validarsms,
#goMail{
    background: #7ab800;
	color: #ffffff;
	border: 1px solid #7ab800;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-moz-background-clip: inherit;
	-webkit-background-clip: inherit;
	background-clip: inherit;
	font-size:1em;
	padding: 8px 12px;
	outline: none;
}



#final ul.column-group {
    margin: 3em 0 0 0;
    padding: 2em 0 0 0;
    color: #444;
    border-top: solid 1px #f3f3f3;
    list-style: none;
}
#final ul.column-group li{
    padding-left: 2.5em!important;
    margin-bottom: 1.5em;
}
#final ul.column-group .fa {
    width: 32px;
    text-align: center;
    top: 0px!important;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 6px;
    color: #999;
}
#final #sem_dados,
#final #mail,
#final #sms_mail{
    position: relative;
}

#final #go_to_mail .nota,
#final #mail p,
#sms_mail p{
    padding-left: 2em;
}

#final span.iUnderstand{
    margin-left: 1em;
}

.sapomail .smsInput{
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-weight: 300;
    resize: none;
    background: #FFF;
    vertical-align: middle;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #a9a8a2;
    padding: .5em;
    font-size: 1em;
    color: #42413d;
    outline: none;
}

.sapomail .smsInput[type='text']:focus {
    background: #f1f8e5;
    border: 1px solid #77756e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#final .btn_validarsms{
    margin: 0;
    vertical-align: bottom;
}

#final .ink-alert.basic{
    margin: 0 0 1em 2em!important;
    padding: 1em!important;
}

#final  label.iUnderstand{
    margin-left: .5em;
}


@-moz-document url-prefix() {
    .registo input.iUnderstand[type='checkbox']:checked:after,
    .registo input.iUnderstand[type='checkbox']:after{
        display: none;
    }
    
    
    #final input.iUnderstand[type="checkbox"] + label:after{
        background-color: #f6f6f6;
        width: 20px;
        height: 20px;
        line-height: 20px;
        top: 0px;
        left: 0px;
        position: relative;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid #a9a8a2;
        font-family: FontAwesome;
        text-align: center;
        color: #fff;
        font-size: .85em;
        float: left;
        margin-left: -1em;
    }
    #final input.iUnderstand[type="checkbox"]:checked + label:after{
        background-color: #7ab800;
        content: "\f00c";
        vertical-align: top;

    }
}