@charset "utf-8";

/*========================================================================================
CSS Styles for ThiagoLima.com.
author:    Thiago Lima.
email:     thiago@thiagolima.com
website:   http://www.thiagolima.com
========================================================================================*/

/* basic tags 
========================================================================================*/
html { overflow-y:scroll; background: #00777D url(../imgs/background.png) repeat-x; }
body { width: 100%; min-width: 960px; height: 100%; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }

a { color: #ffb00a; text-decoration: none; }
a:hover { text-decoration: underline; }

p { color: #ffffff; }
p.alert { font-size: 10px; margin: 10px 0 27px 0; }
p.type-bold { font-size: 13px; line-height: 20px; font-weight: bold; margin: 0 0 22px 0; }

.tam13 { font-size: 13px; line-height: 20px; }
.tam14 { font-size: 14px; line-height: 22px; }
.bold  { font-weight: bold; }
.color { color: #ffb00a; }

h1, h2, h3, h4, h5 { font-weight: normal; }

/* classes */
.alignCenter{ margin: 0 auto;}
.alignLeft 	{ float:left;}
.alignRight { float:right;}
.clearfix 	{ float: none; clear: both; }
.block      { display: block;}	
.hidden     { visibility: hidden;}
.relative	{ position: relative; }
.upper		{ text-transform: uppercase; }

.none, .none1, .none2, .none3, .none4, .none5, .none6 , .none7, .none8{ display: none; }

/* MARGENS */
.mg-bottom22 { margin-bottom: 22px; }
.mg-top-10px { margin-top: 10px; }

/* BOTOES */

.btn { height: 68px; display: block; margin: 0 auto; background: url(../imgs/sprite_btns.png) no-repeat; }
.btn.portfolio    { width: 279px; background-position: 0 0; }
.btn.contatotal   { width: 301px; background-position: 0 -92px; }
.btn.novasregras  { width: 261px; background-position: 0 -184px; }
.btn.simulador    { width: 261px; background-position: 0 -276px; }
.btn.regulamentos { width: 261px; background-position: 0 -368px; }
.btn.tarifas 	  { width: 276px; background-position: 0 -457px; }
.voltar_fidelizacao{margin-left: -22px; margin-top: 19px;}
.voltar_regras{margin-left: -24px;margin-top: 18px;}
.btn-pamadamao{display:block; width: 438px; height:207px; margin: 0 auto; background: url(../imgs/bt_copa.png) no-repeat;}


/* LINKS */
.lnk_voltar { width: 63px; height: 28px; display: block; position: absolute; left: 0; }
.lnk_voltar.branco { background: url(../imgs/lnk_voltar_topo_branco.png) no-repeat; }
.lnk_voltar.azul   { background: url(../imgs/lnk_voltar_topo_azul.png) no-repeat; }

/* lista planos adicionais */
ul.list_adicionais { display: table; }
ul.list_adicionais li { float: left; position: relative; width: 133px; height: 158px; margin-right: 9px; }
ul.list_adicionais li.last { margin-right: 0; }
ul.list_adicionais li img { width: 133px; height: 158px; }
ul.list_adicionais li span.arrow { width: 58px; height: 52px; display: block; position: absolute; top: -13px; right: -12px; z-index: 9999; }
ul.list_adicionais li span.arrow.novo { background: url(../imgs/oi_adicionais_arrow_novo.png) no-repeat; }
ul.list_adicionais li span.arrow.n30  { background: url(../imgs/oi_adicionais_arrow_n30.png) no-repeat; }
ul.list_adicionais li span.arrow.n50  { background: url(../imgs/oi_adicionais_arrow_n50.png) no-repeat; }

ul.list_itens { display: block; }
ul.list_itens li { margin-bottom: 10px; }
ul.list_itens li h5 { font-size: 16px; text-decoration: underline; }
ul.list_itens li ul { padding: 10px 0; }
ul.list_itens li ul li { font-size: 12px; margin-bottom: 0; }
ul.list_itens li ul li.ico { width: 48px; height: 48px; display: block; float: left; } 
ul.list_itens li ul li.ico.pdf   { background: url(../imgs/icone_pdf.png) no-repeat; }
ul.list_itens li ul li.ico.excel { background: url(../imgs/icone_excel.png) no-repeat; }
ul.list_itens li ul li.arquivo  { padding: 5px 0 2px 0; }
ul.list_itens li ul li.download { padding: 3px 0 5px 0; }
/* Tabela em regras.php==============================================================*/

.r1{background-color:#514C91; border:1px solid black; text-align:center; width:100px; font-size:14px; vertical-align: middle;}
.r2{background-color:#BBB2DB;  border:1px solid black; width:150px; text-align:center; font-size:14px; vertical-align: middle;}
.r3 {background-color:#D4C9EC;  border:1px solid black; width:150px; text-align:center; font-size:14px; vertical-align: middle;}


/* estrutura
========================================================================================*/
.desktop  { width: 100%; height: 100%; background: url(../imgs/back_arte.png) no-repeat center top; }
.wrap 	  { width: 960px; min-height: 780px; margin: 0 auto;  }
.content  { width: 635px; min-height: 555px; }
.content .descricao { padding-left: 65px; }

.chamada  { position: relative; display: block; }
.fidelizacao .chamada .lnk_voltar { position: absolute; top: 77px; left: 0; }

/* Header
========================================================================================*/
header.header { height: 162px; }
header.header h1 { float: left; display: block; width: 135px; height: 121px; margin-top: 40px;  }
header.header h2 { float: left; display: block; width: 365px; height: 81px; margin-top: 70px;  }
header.header h1 a { display: block; width: 128px; height: 121px;  }

/* HOME	 
========================================================================================*/
section.home .btn.portfolio { margin-top: -10px; }

/* PORTFOLIO	 
========================================================================================*/
section.portfolio .chamada .lnk_voltar { top: 77px; }

section.portfolio .descricao { padding-bottom: 50px; }
section.portfolio .btn.contatotal { margin-top: 25px; }
section.portfolio hr { width: 633px; height: 1px; margin-left: -65px; display: block; background: url(../imgs/hr_white.png) no-repeat; }
section.portfolio h3 { font-size: 14px; margin: 5px 0 14px 0; }
section.portfolio h4 { font-size: 12px; margin-bottom: 16px; }

section.portfolio h4.tit_planos_adicionais    { display: block; margin: 26px 0 22px 0; }
section.portfolio h4.tit_como_ficou_portfolio { display: block; margin: 31px 0 9px 0; }

/* FIDELIZACAO	 
========================================================================================*/
section.fidelizacao .chamada .lnk_voltar { top: 24px; }

section.fidelizacao .descricao { padding-bottom: 50px; }
section.fidelizacao .btn.novasregras { margin-top: 20px; }

section.fidelizacao h3 { font-size: 14px; margin: 15px 0 14px 0; }
section.fidelizacao h4 { font-size: 12px; margin-bottom: 16px; }

section.fidelizacao h4.tit_planos_adicionais       { display: block; margin: 36px 0 22px 0; }
section.fidelizacao h4.tit_fiqueligado_fidelizacao { display: block; margin-top: 24px; }

/* REGRAS	 
========================================================================================*/
section.regras .chamada .lnk_voltar { top: 24px; }

section.regras .descricao { padding: 0 0 50px 65px; }
section.regras .descricao p { margin-bottom: 15px; font-size: 14px; line-height: 20px; } 
section.regras .descricao p.mg-bottom-5px { margin-bottom: 5px; } 

section.regras h4.tit_fiqueatento_regras { display: block; margin: 0 0 20px 0; }

section.regras ul.list-default { display: table; margin-bottom: 20px; }
section.regras ul.list-default li { margin: 0 0 2px 20px; font-size: 14px; line-height: 20px; }

section.regras ol.list-default { }
section.regras ol.list-default li { margin-bottom: 22px; font-size: 14px; line-height: 20px; }


section.regras .btn.simulador    { float: left; }
section.regras .btn.regulamentos { float: left; margin-left: 20px; }
section.regras .btn.tarifas 	 { float: left; margin-top: 20px; }

/* SIMULADOR	 
========================================================================================*/
section.simulador .chamada .lnk_voltar { top: 24px; }

/* REGULAMENTOS	 
========================================================================================*/
section.regulamentos .chamada .lnk_voltar { top: 24px; }
section.regulamentos .descricao { padding: 0 0 50px 65px; }