@import '../fonts.css';

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}body{line-height: 1;}ol,ul{list-style: none;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}table{border-collapse: collapse;border-spacing: 0;}
.clearfix:after{content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;

} .clearfix{display: inline-block;} html[xmlns] .clearfix{display: block;} * html .clearfix{height: 1%;}

/* @override
	http://lx3devpiws001.optimus.pt:8080/css/fonts.css */

/*Define tamanho e fonte por defeito e permite trabalhar em percentagens em vez de pxs para normalizar em ambos os browsers -->
		
		Tabela de equivalencias
			px    %
			#######
			 9   71
			10 	 77
			11 	 85
			12 	 92
			13 	100
			14 	107
			15 	114
			16 	122
			17 	129
			18 	136
			19 	144
			20 	152
			21 	159
			22 	167
			23 	174
			24 	182
			25 	189
			26  197
*/
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.11.3 */
body 
{
	font:14px AzoSansWeb;
	*font-size:small;
	*font:x-small;
	
}
table 
{
	font-size:inherit;
	font:100%;
}
select, input, textarea 
{
	font:99% AzoSansWeb;
}
pre, code 
{
	font:115% monospace;
	*font-size:100%;
}
body * 
{
	line-height:1.22em;
}

body, html{height: 100%;}
body{
}

.hide {
  display: hidden !important;
}

.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.header{
  /*background: url("/img/kanguru/ruka_ix/header_bg.jpg") repeat scroll 0 bottom #FFFFFF;*/
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 70px;
	z-index: 9;
	border-bottom: 1px solid #e6e6e6;
	background: #FFFFFF;
}
.header ul.top_separator{
	 margin: 0 auto;
    width: 940px;
}
#logo{
	background: url("/img/kanguru/ruka_ix/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 42px;
    margin-top: 12px;
    width: 180px;
}

.top_buttons li{
  position: relative;
  z-index: 9;
	float: left;
  height: 70px;
}
.header .lang{
	background: url(/img/kanguru/ruka_ix/sprite.png) no-repeat scroll -276px -2px;
  display: block;
  float: left;
  height: 36px;
  margin-top: 17px;
  width: 36px;
}
.header .lang.en {
  width: 41px;
  background-position: -312px -2px;
}
.header .en .lang.pt {
  background-position: -276px -42px ;
}
.header .en .lang.en {
  width: 41px;
  background-position: -312px -42px;
}
.header .lang span{
	display: none;
}

.header .top_button{
	background: url("/img/kanguru/ruka_ix/sprite_pt.png") no-repeat scroll -2px -2px transparent;
	display: block;
	height: 50px;
	margin: 8px 17px 0 0;
	width: 225px;
}

.header .top_button span {
	display: none;
}
.header .top_button.login {
	margin-right: 10px;	
}
.header .top_button.login:hover {
 background-position: -2px -54px;
}
.header .top_button.promo {
 background-position: -240px -2px;
}
.header .top_button.promo:hover {
 background-position: -240px -54px;
}

.small_form_wrap,
.small_form{
  background: url("/img/kanguru/ruka_ix/sprite.png") no-repeat scroll -221px -781px transparent;
}

.small_form_wrap {
  padding-top: 20px;
  display: none;
}
.small_form {
   background-position: -471px bottom;
    padding: 0 15px 20px;
    width: 204px;
}
.small_form input {
  position: relative;
  border: 1px solid #DDDDDD;
  color: #999999;
  font-size: 14px;
  font-style: italic;
  padding: 7px 0px;
  width: 192px;
  behavior: url(js/css3pie/PIE.htc);
}
.small_form input.pin {
  float: left;
  margin-top: 10px;
}
.small_form input.error {
  border: 1px solid #DC1919;
}
.small_form label.error {
  float: left;
  color: #DC1919;
  font-size: 10px;
  font-weight: bold;
  position: static;
  background-color: transparent;
}
.small_form label.error[for="telefone"] {
  display: none !important;
}
.small_form button {
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
  color: #5D5D5D;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
  margin-top: 10px;
  behavior: url(js/css3pie/PIE.htc);
  margin-left: -4px;
}
.small_form button:hover {
  border-color: #999;
}
.form_login {
  min-height: 120px\9;
}
.form_promo {
  min-height: 77px\9;
}

.icon {
    background: url(/img/kanguru/ruka_ix/sprite.png);
}
.icon_pt {

}
.icon_en {

}
.icon.turbo,
.icon.turbo_dark{
  display: inline-block;
  margin-left: 10px;
  height: 11px;
  width: 84px;
}
.icon.turbo{background-position: -494px 0;}
.icon.turbo_dark{background-position: -494px -15px;}

.icon.turbo.type2 {
background-position: -494px -45px;
display: block;
height: 15px;
margin: 9px -16px;
  }
.special .icon.turbo.type2 {
  background-position: -494px -30px;
}
.special .favorito {
  background-position: 0px -110px;
background: url("/img/kanguru/ruka_ix/sprite_pt.png") no-repeat scroll 0px -110px;
    display: block;
    height: 25px;
    margin: 0 auto;
	
    width: 207px;
}



.section{
	height: 100%;
    text-align: center;	
}
.bg {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 71px;
}
#section-1 {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  overflow: hidden;
  position: relative;
  padding-top: 71px;
  /*background:url("../../images/home.jpg") no-repeat scroll center 71px transparent;*/
  background:url("/img/kanguru/ruka_ix/img_testes.jpg") no-repeat scroll center center transparent;
}
.section .content {
    margin: 0 auto 0;
    position: relative;
    text-align: left;
    width: 940px;
    z-index: 2;
}
#section-step_2_1 .content {
  margin-bottom: 40px;
  margin-top: 39px;
}
#section-1 .content {
  color: #FFFFFF;
  height: 100%;
}
#section-1 .entrada{
  position: absolute;
  top: 50%;
  right: 0;
  display: table-cell;
  /*float: right;*/
  width: 525px;
  margin-top: -180px;
} 
#section-1 h1{
 color: #000000;
 font-size: 30px;
 font-weight: bold;
 /* text-align: right; */
 padding-left: 100px;
}
#section-1 h3{
  color: #000000;
  font-size: 15px;
  line-height: 21px;
  margin-top: 12px;
  /* text-align: center; */
  font-weight: 600;
  padding-left: 100px;
  }
.button {
position: relative;
display: block;
height: 35px;
font-size: 13px;
text-decoration: none;
line-height: 35px;
text-align: center;
}
.button.simple {
  border: 1px solid #000000;
  background-color: #FFF;
  color: #000000;

}
.button.simple:hover {
  border-color: #999;
}
.button.special {
background-color: #000000;
color: #FFFFFF;
text-transform: capitalize;
font-size: 13px;
}
.button.special:hover {
  background-position: -2px -51px;
}
.button_right {

  width: 5px;
  height: 46px;
}
.button.small {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  font-weight: normal;
}
.button.special.small {
  background-position: -2px -100px;
}
.button.special.small:hover {
  background-position: -2px -140px;
}
.button.special.small .button_right {
  height: 38px;
  background-position: -245px -100px;
}
.button.special.small .button_right:hover {
  background-position: -245px -140px;
}

#btn_aderir {
    margin: 35px auto 0;
    width: 182px;
}
#btn_choose {
 margin: 35px 100px 0;
 width: 140px;
 font-size: 13px;
}
.btn_tarifarios {
  width: 100px;
  margin: 0 auto;
}
#btn_all_tariff,
#btn_highlight_tariff {
 /* height: 35px;*/
  margin-top: 9px;
  font-size: 13px;
 /* line-height: 49px;*/

}
#btn_all_tariff {
  float: right;
  width: 170px;
  /*padding-top: 20px;*/
}
#btn_highlight_tariff {
  float: left;
  width: 210px;
 
}
.button_arrow {
 
  /*background: url("/img/kanguru/ruka_ix/sprite.png") no-repeat -256px -2px;*/
}
.button_arrow.back {
  float: left;
 
  background-position: -264px -2px;
}
	.button_arrow.white {
  width: 6px;
  height: 10px;

}


#prot_surf {
  float: right;
  width: 110px;
  margin-right: 13px;
}
.tarifario_listagem .button {
  width: 110px;
  margin: 0 auto;
}


.btn_yes {
  margin: 35px auto 0;
  width: 116px;
}
.btn_no {
  margin: 35px auto 0;
  width: 116px;
}
.btn_confirmar {
  width: 110px;
  margin: 0px auto;
}
.btn_retro {
  margin: 0 auto;
  width: 108px;
}



.button.finish{
 height: 35px !important;
     padding-top: 20px;
     width: 110px;
}
.separador {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3;
  left: 0;
}
.separador.fixed{
  position: fixed;
  z-index: 5;
}
.separador .longo{
  width: 100%;
  display: block;
  text-align: center;
  height: 11px;
  border-top: 1px solid #e6e6e6;
}
.separador .pag_button {
  background: url("/img/kanguru/ruka_ix/sprite.png") no-repeat scroll -578px -73px transparent;
  display: block;
  height: 28px;
  margin: 0 auto -1px;
  position: relative;
  width: 61px;
  text-decoration: none;
}
.separador .pag_button:hover{
  background-position: -639px -73px;
}
.separador .pag_button span {
  display: none;
  background: url("/img/kanguru/ruka_ix/sprite.png") -276px -196px;
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  height: 28px;
  left: -40px;
  padding-top: 8px;
  position: absolute;
  top: -50px;
  width: 143px;
  text-transform: uppercase;
}
.separador .pag_button:hover span {
  display: block;
}
.big_separador {
  clear: both;
    color: #000000;
    float: left;
    font-size: 25px;
    margin: 7px 0;
    text-align: center;
    width: 100%;
   /*background: url("/img/Kanguru/ruka_ix/separador_bg.jpg") repeat-x scroll center center;*/
}
.big_separador span {
  
  display: block;
  height: 30px;
  margin: 0 auto;
  width: 90px;
}
.barra_passos {
  background: url("/img/kanguru/ruka_ix/steps_1.png") no-repeat center top;
  height: 49px;
  margin-top: 71px;
}
.barra_passos.step_3 {
  background-image: url("/img/kanguru/ruka_ix/steps_3.png");
}
.barra_passos ol {
  text-align: center;
}
.barra_passos li {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  font-size: 11px;
  font-weight: 600;
  color: #000000;
}
.barra_passos .current {
  color: #000000;
}
.barra_passos .one {
  right: 70px;
}
.barra_passos .two {
  left: 9px;
}
.barra_passos .three {
  left: 94px;
}
.barra_passos_fundo.large {
  width: 100%;
/*  height: 113px;*/
  margin-top: 71px;
 
}
.barra_passos.large{
  position: relative;
  margin-top: 0;
  background: url("/img/kanguru/ruka_ix/steps_2.png") no-repeat scroll center top;
  clear: both;
  float: left;
  /*height: 92px;*/
  padding-top: 35px;
  width: 100%;
  text-align: center;
}
.barra_passos.large li {
  top: -35px;
}

#section-2 .barra_passos_wrap {
  height: 57px;
}
.barra_passos_fundo {
  width: 100%;
  height: 39px;
  background: white;

}
#section-2 .barra_passos_fundo.fixed{
  left: 0;
  position: fixed;
  top: 71px;
  z-index: 5;
}
#section-2 .barra_passos{
  margin-top: 0;
}

#section-3pre .barra_passos,
#section-3p .barra_passos{
  background: url("/img/kanguru/ruka_ix/steps_3.png") no-repeat scroll center top #F8F8F8;
  clear: both;
  float: left;
  margin-top: 71px;
  width: 100%;
}
#section-step_2_1{position: relative;}
#section-step_2_1 .barra_passos,
#section-step_2_2 .barra_passos{
  background: url("/img/kanguru/ruka_ix/steps_2.png") no-repeat scroll center top #F8F8F8;
    clear: both;
    float: left;
    height: 43px;
    padding-top: 80px;
    width: 100%;
}
#section-step_2_1 .barra_passos{
    margin-top: 71px;

}
#section-step_2_2 .barra_passos{

}
.barra_passos .txt,
.barra_passos .txt{
    display: none;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
}
.barra_passos .txt span,
.barra_passos .txt span{
     font-weight: bold;
}
.barra_passos .txt a,
.barra_passos .txt a{
     font-weight: bold;
  color: #000000;
}

#section-2{
       height: 930px;
}
#section-2 .content{
    overflow: hidden;
    height: 100%
}
#section-2 .content_slide{
    width: 2000px;
    position: absolute;
}
#section-2 .tarifario_tabela {
    float: left;
    width: 940px;
}
#section-2 .tarifario_listagem {
    float: left;
    width: 940px;
}
#section-2 h3.title{
    color: #000000;
    font-size: 25px;
    font-weight: 600;
    margin-top: 0px;
 
    clear: both;
}
#section-2 .sub_title{
    color: #000000;
    font-size: 14px;
    margin-top: 10px;
 
}
#section-2 .sub_title span{
    color: #000000;
    font-weight: bold;
}
#section-2 table.tarifarios{

  margin-top: 22px;
 
  width: 100%;
  border-top: 2px solid #000000;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;

}
.tarifarios thead th{
	border-bottom: 2px solid #000;
}
#section-2 .tarifarios thead .tarifario_header_wrap,
#section-2 .tarifarios thead .tarifario_header,
#section-2 .tarifarios thead .tarifario_header_inner{
    color: #000000;
    font-size: 25px;
  }

#section-2 .tarifarios thead .tarifario_header_wrap{
    width: 100%;
    float: left;
    text-align: left;
}
#section-2 .tarifarios thead .tarifario_header{
   background-position: right -100px;
    padding-left: 10px;
    padding-right: 5px;
}
#section-2 .tarifarios thead .tarifario_header_inner{
    background-position: 0 -200px;
    background-repeat: repeat;
    height: 62px;
    padding-top: 35px;
}



#section-2 .tarifarios thead .col2 .tarifario_header_wrap{ background-position: 0 -300px;}
#section-2 .tarifarios thead .col2 .tarifario_header{      background-position: right -400px;}
#section-2 .tarifarios thead .col2 .tarifario_header_inner{
  background-position: 0 -500px;
}

#section-2 .tarifarios thead .col4 .tarifario_header_wrap{ background-position: 0 -600px;}
#section-2 .tarifarios thead .col4 .tarifario_header{      background-position: right -700px;}
#section-2 .tarifarios thead .col4 .tarifario_header_inner{background-position: 0 -800px;}

#section-2 .col2 .tarifario_header .txt,
#section-2 .col4 .tarifario_header .txt {
  margin-top: 10px;
}

#section-2 .col1 .tarifario_header .txt, #section-2 .col1 .tarifario_header .txt {
    margin-top: 10px;
}


#section-2 .tarifarios thead .special .tarifario_header_wrap{ background-position: 0 -900px;
}
#section-2 .tarifarios thead .special .tarifario_header{      background-position: right -1000px;}
#section-2 .tarifarios thead .special .tarifario_header_inner{
    background-position: 0 -1100px;
    height: 85px;
    padding-top: 12px;
}




#section-2 .tarifarios thead .no-left .tarifario_header{margin-left: 0; }
#section-2 .tarifarios thead .no-right .tarifario_header{padding-right:0;}

#section-2 .tarifarios thead .tarifario_header_wrap .txt{
 
color: #000000;
font-weight: bold;
}



#section-2 .tarifarios thead .special .tarifario_header_inner .txt{margin-top: 4px;color: #000000;}

/*
#section-2 .tarifarios thead .col1 .tarifario_header_wrap{background-position:    0px bottom;}
#section-2 .tarifarios thead .col2 .tarifario_header_wrap{background-position: -230px bottom;}
#section-2 .tarifarios thead .col3 .tarifario_header_wrap{background-position: -462px bottom;}
#section-2 .tarifarios thead .col4 .tarifario_header_wrap{background-position: -710px bottom;}*/

#section-2 .tarifarios th{
  font-size: 26px;
}
#section-2 .tarifarios th.special{
  background: #e6e6e6;
  /*width: 270px;*/
}
#section-2 .tarifarios tbody td,
#section-2 .tarifarios tfoot td {
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #cccccc;
}
#section-2 .tarifarios {
  border-bottom: 2px solid #000000;
}
#section-2 .tarifarios tfoot td.col1 {

}
#section-2 .tarifarios tfoot td.col4 {

}
#section-2 .tarifarios tbody .row1 td{
  height: 76px;
  text-align: left;
  padding-left: 10px;
}
#section-2 .tarifarios tbody .row2 td,
#section-2 .tarifarios tbody .row3 td {
  height: 60px;
  text-align: left;
  padding-left: 10px;
}
#section-2 .tarifarios tbody td.col4,
#section-2 .tarifarios tfoot td.col4{
 text-align: left;

}
#section-2 .tarifarios tbody td , #section-2 .tarifarios tfoot td {
    
}
#section-2 .tarifarios tbody .row1,
#section-2 .tarifarios tbody .row3,
#section-2 .tarifarios tfoot td {}
#section-2 .tarifarios tbody .row1 .col3,
#section-2 .tarifarios tbody .row3 .col3,
#section-2 .tarifarios tfoot .col3{background-color: #FFFFFF;}
#section-2 .tarifarios tbody .row1 .col4,
#section-2 .tarifarios tbody .row3 .col4,
#section-2 .tarifarios tfoot .col4{}
#section-2 .tarifarios tbody .row2 {}
#section-2 .tarifarios tbody .row2 .col3{}
#section-2 .tarifarios tbody .row2 .col4{}


#section-2 .tarifarios .col1{color: #000000;border-right: 1px solid #e6e6e6}
#section-2 .tarifarios .col2{color:#000000;border-right: 1px solid #e6e6e6}
#section-2 .tarifarios .col4{}
#section-2 .tarifarios .col3{
}
#section-2 .tarifarios .col4.special{background:#e6e6e6;color:#000000;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}

#section-2 .tarifarios td .old_speed{
  font-size: 14px;
  text-decoration: line-through;
  
}
#section-2 .tarifarios td.col3 .old_speed{
  color: #999999;
}
#section-2 .tarifarios td .speed{
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
}
#section-2 .tarifarios .row2 td .speed{
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}

#section-2 .tarifarios td .text{
  font-size: 14px;
}

#section-2 .tarifarios .preco {font-weight: bold;}
#section-2 .tarifarios .preco .euro{font-size: 14px;}
#section-2 .tarifarios .preco .valor{font-size: 14px;}
#section-2 .tarifarios .preco .cents{font-size: 14px;vertical-align: top;}
#section-2 .tarifarios .preco .text{font-size: 14px;}

#section-2 .tarifarios .preco.small {color:#999999;text-decoration: line-through;}
#section-2 .tarifarios .preco.small .euro{font-size: 14px;}
#section-2 .tarifarios .preco.small .valor{font-size: 10px;}
#section-2 .tarifarios .preco.small .cents{font-size: 14px;vertical-align: top;}
#section-2 .tarifarios .preco.small .text{font-size: 10px;}

#section-2 .tarifarios td.special .speed{
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
}
#section-2 .tarifarios .row2 td.special .speed{
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}

#section-2 .tarifarios td.special .text{
  font-size: 14px;
}

#section-2 .tarifarios .preco .special{font-weight: bold;}
#section-2 .tarifarios .preco .euro .special{font-size: 14px;}
#section-2 .tarifarios .preco .valor .special{font-size: 14px;}
#section-2 .tarifarios .preco .cents .special{font-size: 14px;vertical-align: top;}
#section-2 .tarifarios .preco .text .special{font-size: 14px;}

#section-2 .tarifarios .preco.small .special{color:#999999;text-decoration: line-through;}
#section-2 .tarifarios .preco.small .euro .special{font-size: 14px;}
#section-2 .tarifarios .preco.small .valor .special{font-size: 14px;}
#section-2 .tarifarios .preco.small .cents .special{font-size: 14px;vertical-align: top;}
#section-2 .tarifarios .preco.small .text .special{font-size: 14px;}

#section-2 .tarifarios .button.aderir{ margin: 12px auto;}

#section-2 .tarifarios tfoot td{
  height: 65px;
  vertical-align: middle;
}
#section-2 .rodape{
  float: left;
    margin: 15px 25px;
    width: 645px;
    color: #999999;
    font-size: 12px;
    line-height: 14px;
}
#section-2 .button.all_tariff{
    float: right;
    margin-top: 18px; 
}
.opcao_pre_wrap{
  border: 1px solid #cccccc;
    height: 60px;
    margin-top: 35px;
    padding-top: 23px;
    font-size: 18px;
    color: #000000;
}
.opcao_pre_wrap .txt{
  float: left;
    margin: 9px 0 0 25px;
    width: 660px;
}

#section-2 .tarifario_listagem .rodape{
  float: right;
    margin-right: 0;
    text-align: right;
}
#section-2 .tabs_wrap{
  margin-top: 35px;
  width: 100%;  
}
#section-2 .tabs{
  float: left;
  width: 99.7%;
  /* border-bottom: 1px solid #E8E8E8; */
  height: 43px;
  /* margin-bottom: 0px; */
}
#section-2 .tabs li {
  float: left;
  /* margin-right: 5px; */
  margin-bottom: -3px;
}
#section-2 .tabs a {  
      border-top: 1px solid #E6E6E6;
      color: #464646;
      display: inline-block;
      font-size: 18px;
      height: 39px;
      line-height: 41px;
      padding: 1px 20px;
      text-decoration: none;  
      border-left: 1px solid #e6e6e6;
      background: #fafafa;		
      margin-top: 2px;
}

#section-2 .tabs .prepago {
   /* background: none repeat scroll 0 0 #FAFAFA; */
     
   /* border-bottom: 1px solid #E6E6E6; */
     
   /* border-left: 1px solid #E6E6E6; */
     
   /* border-right: 1px solid #E6E6E6; */
     
   /* color: #777777; */
     
   height: 48px;
     
   /* margin-left: -1px; */
     
   /* margin-top: 0; */   }
#section-2 .tabs .active {
  border-top: 2px solid #000000;
  background-color: #FFF;
  color: #000000;
  border-left: 1px solid #e6e6e6;
  margin-top: 0;
  /* border-right: 1px solid #e6e6e6; */
  /* height: 38px !important; */
  line-height: 43px;
}

#section-2 .tabelas_tab_wrap{  
  border-left: 1px solid #E8E8E8;
     border-right: 1px solid #E8E8E8;
         border-bottom: 2px solid #000000;
     clear: both;
     float: left;
     padding: 20px;
     width: 898px;
  border-top: 1px solid #E8E8E8;
}

#section-2 .tabelas_tab_wrap table{
  width: 100%;
}

.tabs_wrap.factura .tab_factura{
  display: table;
}
.tabs_wrap.prepago .tab_factura{
  display: none;
}
.tabs_wrap.factura .tab_prepago{
  display: none;
}
.tabs_wrap.prepago .tab_prepago{
  display: table;
}

.tabelas_tab_wrap table th,
.tabelas_tab_wrap table td{  
  font-weight: 600;
  padding-left: 20px;
  vertical-align: middle;
  color: #000000;
  font-size: 17px;
}
.tabelas_tab_wrap table th{  
	border-bottom: 2px solid #000000;
    border-right: 1px solid #E5E5E5;
    border-top: 2px solid #000000;
    color: #000000;
    height: 45px;
    text-align: left;
}
.tabelas_tab_wrap table th.col1{  
  border-left: 1px solid #e6e6e6;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
}
.tabelas_tab_wrap table td{
  height: 55px;
}
.tabelas_tab_wrap table td.col5{
  padding-left: 0;
}
.tabelas_tab_wrap table tr.row3 td,
.tabelas_tab_wrap table tr.row4 td{color: #000000;}
.tabelas_tab_wrap table tr.row6 td,
.tabelas_tab_wrap table tr.row7 td{color: #000000;}
.tabelas_tab_wrap table tr.special td{color: #000000;}
.tabelas_tab_wrap table th.col1{width: 150px;
}
.tabelas_tab_wrap table th.col2{}
.tabelas_tab_wrap table th.col4{width: 135px;}
.tabelas_tab_wrap table th.col5{width: 155px;}

.tabelas_tab_wrap table tr{border-top: 1px solid #EEEEEE;}
.tabelas_tab_wrap table tr.row5.special{
	background: #e6e6e6;
}
.tabelas_tab_wrap table tr.row1{border-top: 0px none;}
.tabelas_tab_wrap table td{border: 1px solid #e6e6e6;}
.tabelas_tab_wrap table td.col1{}

.tabelas_tab_wrap table tr.row1 td,
.tabelas_tab_wrap table tr.row3 td,
.tabelas_tab_wrap table tr.row5 td,
.tabelas_tab_wrap table tr.row7 td{}

.tabelas_tab_wrap table tr td .strike{color: #aaaaaa;text-decoration: line-through;}
.tabelas_tab_wrap table tr td .large{font-size: 22px;}


#section-3p,
#section-3pre {
  height: auto;
  margin-bottom: 50px;
}
#section-3p .content,
#section-3pre .content{
  margin-top: 140px;
}

.details{
  }
.details li{
     }
.detail_header {
color: #000000;
   font-size: 18px;
   font-weight: 600;
   height: 46px;
   margin-left: 10px;
   margin-top: 14px;
   width: 452px;
}
}
.detail_header span{
  background: url('/img/kanguru/ruka_ix/sprite.png') no-repeat scroll -854px -338px transparent;
  display: inline-block;
  height: 27px;
  padding: 10px 0 0 19px;
}
.wide .detail_header {
    width: 930px;
}
.personal .detail_header span{}
.address .detail_header span{ }
.tariff .detail_header span{ }
.customer .detail_header span{}

.topup .detail_header span{}

.detail_content {
  color: #000000;
  font-size: 15px;
  border: 1px solid #e6e6e6;
  height: 165px;
  padding: 20px 25px;
  behavior: url(js/css3pie/PIE.htc);
}
.detail_content .txt{
  line-height: 18px;
    margin-bottom: 10px;
}
.txt p a {
color: black !important;
font-weight: bold;
}
.detail_content .txt span{
  font-weight: 600;
  color: #000000;
  padding-right: 5px;
}
.detail_content .txt.special span{
  color: #000000;
}
.details .customer .detail_content{
  width: 460px;
  padding: 0 0 40px;

}
.details .customer .detail_content .txt{
    background: none repeat scroll 0 0 #FFFFFF;
       margin: 0;
    padding: 20px 25px 30px;
}
.details .customer .detail_content .info{
border-top: 1px solid #E0E0E0;
    margin: 0 25px;
    padding-top: 22px;
}
.details .customer .detail_content .info .txt{

  border-top: 0 none;
  float: right;
  font-size: 13px;
  margin: 9px 0 0;
  padding: 0;
  width: 274px;
}
.details .customer .detail_content .info .txt a{
  color: #000000;
  font-weight: bold;
}
.topup .detail_content{
  padding: 0;
  height: auto;
}
.topup .detail_content .txt_top{
     background: none repeat scroll 0 0 #FBFBFB;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 25px 10px;
}
.txt_top a {
font-weight: bold;
color: black !important;
}
.icon.cust_area {
 background-position: -570px -221px;
 display: block;
 float: left;
 height: 100px;
 margin: 0 0 0 16px;
 width: 115px;
}
.icon.multibanco {
   background-position: -569px  -351px;
    display: block;
    float: left;
    height: 65px;
    width: 69px;
}
.icon.online_banking {
   background-position: -569px  -415px;
    display: block;
    float: left;
    height: 65px;
    width: 69px;
}
.icon.payshop {
  background-position: -569px  -485px;
    display: block;
    float: left;
    height: 65px;
    width: 69px;
}

.topup_options{
	float: left;
	margin: 0 25px;
	
}
.topup_options td{
	height:100px;
    margin: 0 0 10px;
    padding-top: 10px;
    font-size: 11px;
    color: #000000;
	vertical-align: top;
}
.topup_options td:first-child {
	width:300px;
	padding-right:10px;
}

.topup_options td:last-child {
	border: 0;	
}
.topup_options td:nth-child(3),
.topup_options td:nth-child(5) {
	padding-left:10px;
	padding-right:10px;
	width:300px;
}

.topup_options td .icon{
  margin-top: 10px;
}
.topup_options td .txt_wrap{
	display: table-cell;
    height: 85px;
    padding-left: 5px;
    vertical-align: middle;
}
span#multibanco_pagamento {
color: black !important;
font-weight: bold;
}
.topup_options td.payshop .txt_wrap{
  height: 70px;
}
.topup_options li .txt_wrap p{
  font-weight: normal;
  width: 550px;
  margin: 8px 0;
  color: #000000;
}
.topup_options td .txt_wrap p span{
  color: #555555;
  font-weight: bold;
}


ul.bottom_buttons{
	float: left;
    margin: 20px 0;
    width: 100%;
}


#section-end .content{
  margin-top: 71px;
}

#section-end h3.title{
	color: #000		;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 22px;
    text-align: center;
    width: 100%;
}

.icon.ok.large{
	background-position: -411px -485px;
    display: inline-block;
    height: 111px;
    margin: 40px auto;
    width: 146px;
	margin-top: 75px;
}

.icon.erro.large {
	background: url(/img/kanguru/ruka_ix/warning.png);
	background-repeat: no-repeat;
	height: 123px;
	width: 143px;
	display: inline-block;
	margin: 40px auto;
	margin-top: 75px;
}

#section-end .mensagem {
    text-align: center;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
}
#section-end .mensagem p {
    margin: 0 40px;
}
#section-end .mensagem p span {
    color: #444444;
}

#section-end .opcao_pre_wrap{
  height: auto;
    margin-top: 45px;
    padding: 15px 0;
    font-weight: 600;
}
#section-end .opcao_pre_wrap .txt{
  float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#section-end .opcao_pre_wrap .txt span{
  color: #000000;
}
#section-end .button.finish{
    font-size: 13px !important;
    height: 38px !important;
    margin: 80px auto 0;
    padding-top: 5px;
    width: 110px;	}
#section-step_2_2,
#section-step_2_1{
  height: auto;
  min-height: 100%;
}
body.pop_up_on{
  height: 100%;
  overflow: hidden;

}
.pop_up_bg {
  display: none;
  background-color: #000000;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;

  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.pop_up_wrap{
  display: none;
  background-color: #fff;
    border: 1px solid #E6E6E6;
    height: auto;
    position: fixed;
    top: 10px;
    z-index: 11;
padding: 20px;


  behavior: url(js/css3pie/PIE.htc);
}
.pop_up_wrap.warning{
    width: 428px;
}
.pop_up_wrap.warning p{
  color: #000000;
  font-size: 15px;
}
.pop_up_wrap.upsell{
  padding: 40px 55px;
    width: 400px;
}
.pop_up_wrap .pop_close {
 background: url(/img/kanguru/ruka_ix/sprite.png) no-repeat scroll -706px 0 transparent;
height: 28px;
position: absolute;
right: 3px;
top: 3px;
width: 28px;
cursor: pointer;
}
.pop_up_wrap .pop_close:hover {
 background-position: -706px -37px;
}
.pop_up_wrap .pop_close span {
  display: none;
}

.icon.warning.large{
  background-position: -706px -221px;
  display: inline-block;
  height: 74px;
  margin: 0 auto 10px;
  width: 83px;
}
.pop_up_wrap .pop_txt {
  text-align: center;
}

.pop_up_wrap.upsell .txt{
color: #000000;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}
.pop_up_wrap.upsell .txt span{
  font-weight: 600;
  color: #444444;
}
.pop_up_wrap.upsell .txt span.special{
  color: #000000;
}

.pop_up.pop_up_wrap.warning{
  display: none;
}
.pop_up.pop_up_wrap.upsell .button{
  display: inline-block;
    margin: 0 5px;
    text-transform: capitalize;
}
.pop_up_wrap .buttons_wrap{
  text-align: center;
}

.pop_up.pop_up_wrap.upsell .titulo {
  background: url("../../images/popup_header_bg.jpg") repeat scroll 0 0 transparent;
  border: 1px solid #E1E0E0;
  color: #909090;
  font-size: 35px;
  padding: 13px 0;
  text-align: center;
  text-shadow: 0 1px #FFFFFF;
  behavior: url(js/css3pie/PIE.htc);
}
.pop_up.pop_up_wrap.upsell .titulo span{
  font-size: 23px;
  font-weight: bold;
  font-style: italic;
}
.pop_up.pop_up_wrap.upsell .titulo.turbo span{
  background: url(/img/kanguru/ruka_ix/sprite.png) no-repeat scroll -869px -419px transparent;
    padding-left: 21px;
}
.pop_up.pop_up_wrap.surf{
 padding: 20px 0 0;
  width: 938px;
}
.pop_up.pop_up_wrap.surf .titulo{
  color: #000;
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px;
    padding-bottom: 25px;
    text-align: center;
}
.pop_up.pop_up_wrap.surf .txt{
   color: #000000;
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}
.pop_up.pop_up_wrap.surf .txt span{
  font-weight: bold;
  color: #000000;
}
.pop_up.pop_up_wrap.surf .txt span.special{
}
.pop_up.pop_up_wrap.surf p{
   color: #000000;
    font-size: 14px;
    line-height: 18px;
    margin-top: 25px;
    text-align: center;
}
.pop_up.pop_up_wrap.surf p span{
  font-weight: bold;
}
.pop_up.pop_up_wrap.surf .buttons_wrap{

    height: 95px;
    margin-top: 35px;
}
.pop_up.pop_up_wrap.surf .button.confirmar{
  margin: 25px auto;
}

#popup_pagamento_multibanco {
	background:#FFFFFF;
	background-repeat: no-repeat;
	height: 284px;
	padding-top:26px;
	padding-left: 23px;
}

#close {
float:right; 
margin-top:-20px;
margin-right:12px;
}

#popup_table th {
	padding-bottom:18px;
	color:#000000;
	font-weight: 600;
	font-size: 16px;
}

#popup_table td {
	color: #000000;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
}

#popup_table td img{
	width: 287px;
	height: 193px;
}

#popup_table td:last-child {

	color:#000000;
}

#popup_table td:last-child span {
	color: #000000;
	font-weight: bold;
}

#popup_table td span {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

body,html{width: 100%}



.tablet_vertical {
  display: none;
}
.tablet_vertical p {
  position: absolute;
  top: 342px;
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

/* TABLET VERTICAL */
@media screen and (max-width: 768px) and (orientation: portrait) {
  body,
  html {
    overflow: hidden;
  }
  .tablet_vertical {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
}


/*
@media all and (max-width: 940px) {
  #section-1 {
    background-position: -353px 71px ;
  }
}
.lt-ie9 #section-1 {
  background-position: -300px -50px;
}*/

@media and (min-width: 1266px) {
  #section-1 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
.section{min-width: 940px;}

/*
@media all and (max-height: 725px) and (max-width: 940px){
  #section-1{
    background-position: -353px -85px ;
  }
}


@media all and (max-height: 725px) and (min-width: 940px){
  #section-1{
    background-position: center -85px ;
  }
}*/

/*.destaque_fact{
	margin-left:16px;
	margin-top:20px;
	background: url(../../images/destaque_factura.jpg) no-repeat;
	width:617px;
	height:168px;
	padding-left:11px;
	padding-top:14px;
}*/
a#ctl00_MainContentPlaceHolder_tabCarregamentos{
	border-right:1px solid #e6e6e6;
}

.destaque_fact_titulo{
	font-weight:bold;
	color:#000000;
	font-size:12px;
}
.destaque_fact_texto{
	color:#555555;
	font-size:11px;
	line-height:13px;
	margin-top:12px;
}
.destaque_deb{
	margin-left:16px;
	margin-top:20px;
	background: url(../../images/destaque_debito.jpg) no-repeat;
	width:617px;
	height:140px;
	padding-left:11px;
	padding-top:14px;
}
.destaque_deb_titulo{
	font-weight:bold;
	color:#000000;
	font-size:12px;
}
.destaque_deb_texto{
	color:#555555;
	font-size:11px;
	line-height:13px;
	margin-top:12px;
}
.destaque_deb_highlight{
	color:#000000;
	font-weight:bold;
}
.destaque_deb_texto b{
	font-weight:bold;
}
.small_form  h3 {
	font-size: 12px;
    color: #999999;
	margin-bottom: 5px;
}
.row1 .speed, .row1 .text{
	font-size: 10px;
}

.suplier {
	font-size: 10px;
	text-align: center;
	margin-top: 10px;
}