/* RESET OI */
.headerarea{height:15px !important;min-height:0px !important}
.headerarea h1{display:none}
.headerarea .breadcrumb{position:absolute;left:50%;top:153px;margin-left:-470px;padding-bottom:18px;width:940px;z-index:50}
.headerarea .breadcrumb .vgn-ext-region .vgn-ext-component{font:bold 11px arial,helvetica,verdana,tahoma,sans-serif}
.headerarea .breadcrumb .vgn-ext-region .vgn-ext-component strong{font:bold 11px arial,helvetica,verdana,tahoma,sans-serif}
.headerarea .breadcrumb .vgn-ext-region .vgn-ext-component a{font:bold 11px arial,helvetica,verdana,tahoma,sans-serif}
#social-media-container{z-index:50 !important;background:#fff;background:transparent !important}
.main{background:#fff; padding-bottom: 0}
.mainbgtop, .mainbgbottom{background:none !important;margin:0 !important;padding:0 !important;border:0 !important}
.mainbgtop .mainbgbottom .limite, .main .limite{width:100% !important}
.sitemap{margin:0 !important}
.clearfix{zoom:1;}
.clearfix:before{content:'';display:block;}
.clearfix:after{content:'';display:table;clear:both;}

/* RESET NAKED */
#oinkd-html, #oinkd-html *{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;background:transparent}
#oinkd-html{line-height:1;width:100%;height:auto;font-size:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}
#oinkd-html .body{width:940px;height:auto;margin:0 auto}
#oinkd-html *,#oinkd-html *:before,#oinkd-html *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#oinkd-html table{border-collapse:collapse;border-spacing:0}
#oinkd-html ol,#oinkd-html ul{list-style:none}
#oinkd-html a{text-decoration:none}
#oinkd-html del{text-decoration:line-through}
#oinkd-html blockquote,q{quotes:none}
#oinkd-html blockquote:before,#oinkd-html blockquote:after,#oinkd-html q:before,#oinkd-html q:after{content:'';content:none}
#oinkd-html ins{background:#ffa;color:#111;text-decoration:none}
#oinkd-html mark{background:#ffa;color:#111;font-style:italic;font-weight:bold}
#oinkd-html abbr[title],#oinkd-html dfn[title]{border-bottom:1px dotted;cursor:help}
#oinkd-html hr{height:1px;border:0;border-top:1px solid #d0d0d0;margin:1em 0;padding:0}
#oinkd-html input,#oinkd-html select{vertical-align:middle}

/* MAIN CSS*/
/* breadcrumb */
.headerarea .breadcrumb .vgn-ext-region .vgn-ext-component{
    padding-bottom:13px;
    border-bottom:1px solid #be5a1e;
}
.headerarea .breadcrumb .vgn-ext-region .vgn-ext-component a{
    color:#fff;
}

/* body */
#oinkd-html{
    background:#e75f15;
    height:561px;
    overflow:hidden;
}
#oinkd-html, #oinkd-html *{
    color:#fff;
}
#oinkd-html .body{
    height:700px;
    position:relative;
    background-color:#e75f15;
    background: url("/ArquivosEstaticos/oi/oi-pra-voce/click-to-call/img/click-to-call-bg-ie.png") no-repeat top center;
    background: url("/ArquivosEstaticos/oi/oi-pra-voce/click-to-call/img/click-to-call-bg.png") no-repeat 97.3% 54.17%, -webkit-radial-gradient(center, ellipse cover, #f18a46 0%, #f18a46 33%, #e75f15 74%, #e75f15 100%);
    background: url("/ArquivosEstaticos/oi/oi-pra-voce/click-to-call/img/click-to-call-bg.png") no-repeat 97.3% 54.17%, radial-gradient(ellipse at center, #f18a46 0%, #f18a46 33%, #e75f15 74%, #e75f15 100%);
}

/* header */
#oinkd-html .header{
    padding-top:75px;
    width:100%;
    text-align:center;
}
#oinkd-html .header h1{
    font:46px orator, Arial, sans-serif !important;
    margin:0 auto -6px;
}
#oinkd-html .header h2{
    margin:0 auto 20px;
    font: 18px trade, Arial, sans-serif !important;
    color:#333;
}

/* main */
#oinkd-html .main{
    padding:0 67px 0;
    text-align:center;
}
#oinkd-html .produtos{
    padding-bottom:30px;
    display: inline-block;
}
#oinkd-html .ligapravoce{
    display:none;
    margin-left:-1px;
}
#oinkd-html .main h3{
    font:25px orator, Arial, sans-serif !important;
}
#oinkd-html .main p{
    font:16px trade, Arial, sans-serif !important;
}

/* produtos */
#oinkd-html .produtos h3{
    margin:0 0 10px 1px;
}
#oinkd-html .produtos p{
    margin:0 0 8px 3px;
}
#oinkd-html .produtos li{
    display:block;
    cursor:pointer;
    float:left;
    width:147px;
    height:102px;
    border:1px solid #fff;
    margin-right:28px;
    text-align:center;
}
#oinkd-html .produtos li.lastc{ /* aproveitando o .lastc da oi */
    margin-right:0;
}
#oinkd-html .produtos li.selecionado{
    background-color:#fff;
    color:#ef8038;
}
#oinkd-html .produtos li div{
    background-image:url('/ArquivosEstaticos/oi/oi-pra-voce/click-to-call/img/click-to-call-icon.png');
    height:45px;
}
#oinkd-html #oinkd-TV{
    width:63px;
    margin:14px auto 10px;
    background-position:0 0;
}
#oinkd-html .selecionado #oinkd-TV{
    background-position:0 45px;
}
#oinkd-html #oinkd-DSL{
    width:49px;
    margin:11px auto 13px;
    background-position:-63px 0;
}
#oinkd-html .selecionado #oinkd-DSL{
    background-position:-63px 45px;
}
#oinkd-html #oinkd-TEL{
    width:44px;
    margin:16px auto 8px;
    background-position:-112px 0;
}
#oinkd-html .selecionado #oinkd-TEL{
    background-position:-112px 45px;
}
#oinkd-html .produtos ul li{
    font:16px orator, Arial, sans-serif !important;
}

/* ligapravoce */
#oinkd-html .ligapravoce h3{
    margin-left:1px;
}
#oinkd-html .ligapravoce p{
    margin:13px 0 8px 1px;
}
#oinkd-html .ligapravoce input{
    margin-top:2px;
    border-radius:4px;
}
#oinkd-html .ligapravoce input[type=text]{
    border:1px solid #ccc;
    background-color:#fff;
    text-align:center;
}
#oinkd-html .ligapravoce input.ddd{
    font:13px orator,Arial,sans-serif !important;
    color:#ee711f;
    width:46px;
    height:34px;
    margin-right:7px;
    margin-top:1px;
    padding-top:1px;
}
#oinkd-html .ligapravoce input.tel{
    font:13px orator,Arial,sans-serif !important;
    color:#ee711f;
    margin-right:6px;
    width:131px;
    height:33px;
}
#oinkd-html .ligapravoce input[type=submit]{
    font:bold 14px Arial, Helvetica, sans-serif !important;
    color:#ee711f;
    cursor:pointer;
    text-align:center;
    width:134px;
    height:35px;
    padding:0 16px 1px 18px;
    border:1px solid #666;
    background: #d0d0d0;
    background:    -moz-linear-gradient(top, #fefefe 0%, #d0d0d0 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%, #d0d0d0 100%);
    background:      -o-linear-gradient(top, #fefefe 0%, #d0d0d0 100%);
    background:     -ms-linear-gradient(top, #fefefe 0%, #d0d0d0 100%);
    background:         linear-gradient(to bottom, #fefefe 0%, #d0d0d0 100%);
    color: #333;
}

/* footer */
#oinkd-html .footer{
    position:absolute;
    width:710px;
    top:509px;
    margin-left: 110px;
    font: 14px trade, Arial, sans-serif !important;
    text-align: center;
}
#oinkd-html .footer span{
    font:bold 13px trade, Arial, sans-serif !important;
    padding-right:4px;
}