.clear { clear: both; width: 1px; height: 0; overflow: hidden; }

body { background-color: #f0f0f0; }

#header {
    width: 960px;
    margin: 0 auto;
}


#header .img1 { float: left; margin: 16px 0 12px 0; }
#header .img2 { float: right; margin: 84px 0 0; }

.degrade { background: url(../Img/bg-degrade-1.gif) repeat-x 0 0; min-height: 99px; position: relative; width: 100%; }

#menu { width: 960px; margin: 0 auto; padding: 11px 0; font-family: Arial; text-transform: uppercase; font-size: 13px; }
#menu li { float: left; margin-right: 18px; }
#menu li a { color: #000; text-decoration: none; } 
#menu li a.active { color: #1998d2; }
.combo-multi { margin: 25px 0;}
.combo-multi-mobile { margin: 45px 0 26px; }

#vitrine { width: 100%; height: 368px; background-color: #020f1e; margin: 0 0 44px; }
.vitrine-mobile { width: 960px; margin: 0 auto; background-color: #fff; height: 626px; overflow: hidden; padding: 40px 0; }

#content { width: 960px; margin: 0 auto; }
div.vantagens { width: 470px; float: left; }
.vantagens-combo { display: block; text-indent: -9999em; width: 470px; height: 481px; background: url(../Img/vantagens.jpg) no-repeat 0 0; }
.letrinhas { font-family: Arial; font-size: 12px; color: #646464; padding-top: 7px; }

.content-smarts { width: 960px; margin: 0 auto; }
.content-smarts .img1 { float: left; margin: 60px 0; }
.content-smarts .img2 { float: right; display: block; margin: 60px 0; }

.content-smarts .select-cidades, .content-cobertura .select-ddd { margin: 18px 0 0; }
.content-smarts .select-cidades dt, .content-cobertura .select-ddd dt { border: 1px solid #909090; width: 465px; position: relative; background: url(../Img/bg-select-cidades.png) repeat-x 0 0; height: 21px; overflow: hidden; font-size: 12px; text-transform: uppercase; font-family: Arial; overflow: visible; }
    .styled-select dt a { display: block; height: 13px; padding: 5px 6px 3px; cursor: pointer; }
    .styled-select ul { position: relative; z-index: 2; background-color: #C9C9C9; border: 1px solid #909090; border-width: 0 1px 1px; width: 465px; margin-left: -1px; display: none; padding-bottom: 6px; }
    .styled-select dt li { height: 13px; padding: 5px 6px 3px; cursor: pointer; }
    .styled-select dt li a { text-decoration: none; color: #000; }
    .content-smarts .select-cidades dt span, .content-cobertura .select-ddd dt span { position: absolute; width: 30px; height: 21px; top: 0; right: 0; background: url(../Img/select-btn.png) no-repeat 0 0; display: block; text-indent: -9999em; }
    .content-smarts .select-cidades dd, .content-cobertura .select-ddd dd { font-family: Arial; text-transform: uppercase; font-size: 14px; }
    .content-smarts .select-cidades dd .nomecidade, .content-cobertura .select-ddd dd .dddTelefone  { font-size: 20px; color: #1998d2; font-weight: bold; text-transform: uppercase; font-family: Arial; display: block; margin: 18px 0 0; }
    .content-smarts .select-cidades dd strong { font-size: 14px; text-transform: uppercase; font-family: Arial; }
    .content-cobertura .select-ddd dd strong { margin: 8px 0; display: block; }
    .styled-select dd div { display: none; }

.content-vantagens { width: 960px; margin: 0 auto; }
.content-vantagens .esquerda { float: left; margin-bottom: 35px; }
.content-vantagens .direita { float: right; margin-bottom: 35px; }

.content-planos, .content-cobertura, .content-linhas { width: 960px; margin: 0 auto; }
.content-planos * { border: 0px solid #fff; margin: 0; padding: 0;}
.content-planos .info-adcional { margin: 60px 0 20px; font-size: 12px; color: #646464; font-family: Arial; }

.content-linhas dt {
    font-size: 18px;
    font-family: Arial;
    color: #fff;
    background: url(../Img/adcionas-expand.png) #c8c8c8 no-repeat top right;
    padding: 13px 15px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 2px;
}

.content-linhas dt.active {
    background-color: #1998d2;
}

.content-linhas dd { padding: 10px 20px; font-size: 14px; color: #000; font-family: Arial; line-height: 18px; background-color: #fff; display: none; }


.texto-legal { font-size: 11px; color: #323232; border-top: 1px solid #323232; padding: 6px 0; margin: 82px 0 0; font-family: Arial; }

.form { float: right; }
    .form img { margin: 0; padding: 0; border: 0; float: left; width: 413px; height: 76px; }
    .form form { border: 1px solid #1a71ba; background-color: #fff; padding: 12px 16px; width: 378px; float: right; font-family: Verdana; font-size: 14px; }
    .form form label { display: block; width: 378px; float: left; margin: 6px 0 4px; border: 1px solid #fff; }
    .form form input, .form form textarea { display: block; width: 374px; float: left; height: 20px; padding: 2px 0; }
        .form form textarea { height: 79px; }
    .form form label.half, .form form input.half { width: 179px; margin-right: 12px; }
        .form form .form-commit { width: 215px; height: 44px; margin: 22px auto 12px; background: url(../Img/btn-contato.png) no-repeat 0 0; display: block; text-indent: -9999em; }
     
#planos { width: 960px; margin-top: 35px; }
#planos .plano1, #planos .plano2, #planos .plano3, #planos .plano4 { width: 227px; height: 335px; float: left; margin: 10px 17px 40px 0; }
    #planos .plano4 { margin-right: 0px; }

#footer { background-color: #1998d2; margin: 40px 0 0; padding: 15px 0; }
    #footer .footer-holder { width: 960px; margin: 0 auto; }
    #footer .logo-net { margin: 0 auto; display: block; width: 108px; }
    #footer .logo-r1 { position: absolute; }
    #footer .copy { color: #fff; font-family: Arial; font-size: 10px; float: right; }