%PDF- %PDF- Mini Shell
Mini Shell

Direktori : /var/www/projetos/rrsos.com.br/css/
Current File : /var/www/projetos/rrsos.com.br/css/main.css
body
{
    background: url('../img/background.jpg') no-repeat top center transparent;
    width: 95%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-style: normal;
}

img
{
    border: none;
}

ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#data-list
{
    font-size: 8pt;
    font-weight: bold;
}

#titulo-list
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.fl{ float: left; }
.fr{ float: right; }

div.principal
{
    margin: 21px 0px 0px 17.7%;
    width: 1015px;
    height: auto;
    position: relative;
}

div.col-esquerda
{
    display: table-cell;
    width:276px;
    height: 100%;
    vertical-align:top;
    text-align:left;
    background: url('../img/rrsoares2.png') no-repeat top center transparent;
    *float: left;
}
div.col-esquerda div.accordion
{
    margin-bottom: 79px;
    width: 100%;
    margin-top: 240px;
    color: white;
}
div.col-esquerda div.accordion div.botoes
{
    width: 276px;
    background: url('../img/bg_accordion.png') repeat-y 0 0 transparent;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    max-height: 290px;
}
div.col-esquerda div.accordion div.botoes div.meses
{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    max-height: 190px;
    overflow: hidden;
    position: relative;
}
div.col-esquerda div.accordion div.botoes div.meses div.arrow-up
{
    background: url('../img/arrow_up.png') no-repeat center center transparent;
    width: 100%;
    height: 11px;
    padding: 2px 0;
    position: absolute;
    overflow: hidden;
    top: 0px;
}
div.col-esquerda div.accordion div.botoes div.meses div.arrow-up:hover
{
    background: url('../img/arrow_up.png') no-repeat center center gray;
}
div.col-esquerda div.accordion div.botoes div.meses div.arrow-down
{
    background: url('../img/arrow_down.png') no-repeat center center transparent;
    width: 100%;
    height: 11px;
    padding: 2px 0;
    position: absolute;
    overflow: hidden;
    bottom: 0px;
}
div.col-esquerda div.accordion div.botoes div.meses div.arrow-down:hover
{
    background: url('../img/arrow_down.png') no-repeat center center gray;
}
div.col-esquerda div.accordion div.botoes div.conteudo
{
    max-height: 148px;
    overflow: hidden;
    margin: 0 !important;
    position: relative !important;
    top: 0px !important;
    border: 0 !important;
    padding: 0 !important;
}
div.col-esquerda div.accordion div.botoes div.conteudo ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
div.col-esquerda div.accordion div.botoes div.conteudo ul li a
{
    display: block;
    position: relative;
    color: #c3c6c8;
    text-decoration: none;
    font-family: arial;
    font-size: 10pt;
    text-transform: uppercase;
    line-height: 37px;
    padding-left: 27px;
}
div.col-esquerda div.accordion div.botoes div.conteudo ul li a:hover
{
    /*background: url('../img/bg_highlight_accordion.png') repeat-x 0 0 transparent;*/
    color: white;
}
div.col-esquerda div.accordion div.botoes a.bg-bt-accordion
{
    display: block;
    position: relative;
    color: white;
    text-decoration: none;
    font-family: arial;
    font-size: 10pt;
    text-transform: uppercase;
    line-height: 37px;
    padding-left: 17px;
    overflow: hidden;
}
div.col-esquerda div.accordion div.botoes a.bg-bt-accordion:hover
{
    background: url('../img/bg_highlight_accordion.png') repeat-x 0 0 transparent;
}
div.col-esquerda div.accordion div.bg-bt-accordion
{
    display: block;
    background: url('../img/bg_bt_accordion.png') no-repeat 0 0 transparent;
    width: 259px;
    height: 43px;
    line-height: 43px;
    padding-left: 17px;
    text-decoration: none;
    font-family: arial;
    font-size: 10pt;
    text-transform: uppercase;
    position: relative;
}
div.col-esquerda div.accordion div.bg-bt-accordion-active
{
    display: block;
    background: url('../img/bg_bt_accordion_active.png') no-repeat 0 0 transparent;
    width: 259px;
    height: 43px;
    line-height: 43px;
    padding-left: 17px;
    text-decoration: none;
    font-family: arial;
    font-size: 10pt;
    text-transform: uppercase;
}
div.col-esquerda div.logos
{
    width: 276px;
    position: absolute;
    bottom: 0;
}
div.col-esquerda div.logos img
{
    float: left;
    margin: 0;
    padding: 0;
}

div.col-direita
{
    display: table-cell;
    width:710px;
    vertical-align:top;
    text-align:left;
    padding-left: 10px;
    position: relative;
    *float: left;
}
div.col-direita img.titulo
{
    /*background: url('../img/titulo2.png') no-repeat top left transparent;*/
    /*width: 100%;*/
    width: 360px;
    min-width: 355px;
    height: 90px;
    margin-top: 32px;
    margin-left: -17px;
}
div.col-direita div.topo
{
    position: relative;
    overflow: hidden;
    *width: 100%;
}
div.col-direita div.topo div.botoes
{
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 10px;
}
div.col-direita div.conteudo
{
    background: white;
    width: 660px;
    font-family: arial;
    color: #676767;
    font-size: 10pt;
    padding: 5px 24px 0;
    margin-top: 5px;
    *max-width: 660px;
    min-height: 595px;
}
div.col-direita div.conteudo div.topo
{
    margin-top: 10px;
} 
div.col-direita div.conteudo div.topo p
{
    margin: 5px 0;
} 
div.col-direita div.conteudo div.topo p.titulo
{
    text-transform: uppercase;
} 
div.col-direita div.conteudo div.topo hr
{
    background-color: #bcbcbc;
    border-style: solid;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #f2f2f2;
    border-left: 0;
    height: 2px;
    height: 1px \0/;
}
div.col-direita div.conteudo div.topo p.versiculo
{
    font-size: 8pt;
    font-style: italic;
} 
div.col-direita div.conteudo div.topo span.referencia
{
    font-size: 10pt;
    font-style: normal;
    float: right;
    margin-top: 5px;
} 
div.col-direita div.conteudo div.corpo
{
    height: 500px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
    position: relative;
}
div.col-direita div.conteudo div.corpo h3
{
    font-family: arial;
    font-size: 12pt;
    margin: 0 0 0.5em 1.6em;
}
div.col-direita div.conteudo div.corpo ul
{
    position: relative;
}
div.col-direita div.conteudo div.corpo ul li
{
    font-size: 10pt;
    font-family: tahoma;
    margin: 1em 1.9em 2em;
    position: relative;
    border-bottom: 1.5px dotted #99999b;
}
div.col-direita div.conteudo div.corpo ul li a,
div.col-direita div.conteudo div.corpo ul li a:active,
div.col-direita div.conteudo div.corpo ul li a:visited,
div.col-direita div.conteudo div.corpo ul li a:link
{
    text-decoration: none;
    color: #676767;
}
div.col-direita div.conteudo div.corpo ul li a:hover
{
    text-decoration: underline;
}
div.col-direita div.conteudo div.rodape
{
    min-height: 40px;
    width: 100%;
    position: relative;
}
div.col-direita div.conteudo div.rodape div.botoes
{
    width: 100%;
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 6px;
}
div.col-direita div.conteudo div.rodape div.botoes a.depoimento
{
    line-height: 20px;
    color: white;
    font-family: tahoma;
    font-size: 9pt;
}
div.col-direita div.conteudo div.rodape div.botoes a.depoimento div.bt-left
{
    float: left;
    background: url('../img/bg_left_bt_depoimento.png') no-repeat top center transparent;
    height: 23px;
    width: 10px;
}
div.col-direita div.conteudo div.rodape div.botoes a.depoimento div.bt-middle
{
    float: left;
    background: url('../img/bg_bt_depoimento.png') repeat-x top center transparent;
    height: 23px;
}
div.col-direita div.conteudo div.rodape div.botoes a.depoimento div.bt-right
{
    float: left;
    background: url('../img/bg_right_bt_depoimento.png') no-repeat top center transparent;
    height: 23px;
    width: 10px;
}
div.col-direita div.conteudo div.rodape div.botoes img.arrow
{
    float: right;
}

span.arrow-direita, span.arrow-baixo
{
    width: 11px;
    height: 11px;
    display: inline-block;
    position: absolute;
    left: 240px;
    top: 16px;
}
span.arrow-direita
{
    background: url('../img/arrow_right.png') no-repeat top center transparent;
}
span.arrow-baixo
{
    background: url('../img/arrow_down.png') no-repeat top center transparent;
}

div.formulario{ background: url('../img/bg_black.png') repeat center center transparent; position: absolute; width: 100%; height: 100%; top: 0px; color: #474746; font-family: tahoma; display: none; }
    .input-text{ position: relative; background: url('../img/bg_input.png') repeat-x center center transparent; border: none; margin: 0; padding: 0; height: 24px; line-height: 24px; }
div.formulario img.left-border{ position: absolute; float: left; left: -15px; top: 0px; }
div.formulario img.right-border{ position: absolute; float: right; right: -15px; top: 0px;}
div.formulario form{ background: url('../img/bg_msg_form.png') repeat-x center center transparent; position: relative; width: 310px; height: 400px; margin: auto; text-align: center; top: 25%; }
div.formulario form p{ position: relative; width: 250px; margin: auto; padding-top: 13px; *padding: 0; font-size: 11pt; }
div.formulario form div{ position: relative; margin: 8px auto 0; height: 24px; text-align: center; width: 200px; }
div.formulario form div.campo-mensagem { width: 220px; height: 172px; }
div.formulario form div.campo-mensagem textarea { position: relative; float: left; width: 210px; height: 172px; background: url('../img/bg_textarea.png') repeat-x center center transparent; border: 0; margin: 0; padding: 0 0 0 10px; line-height: 1.4em; font-family: tahoma; font-size: 10pt; }
div.formulario form div.botao-enviar{ position: relative; float: none; margin-top: 25px; *margin-top: 10px; width: 65px; border: 0; height: 40px; }
div.formulario form div.botao-enviar input{ position: relative; background: url('../img/bg_bt_enviar.png') repeat-x center center transparent; float: left; width: 65px; border: 0; height: 40px; font-size: 8pt; font-weight: bold; color: #474746; padding-bottom: 1px; }
div.formulario form img.left-border-input{ position: relative; float: left; margin-left: -12px; }
div.formulario form img.right-border-input{ position: relative; float: left; margin-right: -12px; }
div.formulario form img.left-border-bt-enviar{ position: relative; float: left; margin-left: -30px; }
div.formulario form img.right-border-bt-enviar{ position: relative; float: left; margin-right: -20px; }
div.formulario form img.left-border-textarea{ position: relative; float: left; margin-left: -5px; }
div.formulario form img.right-border-textarea{ position: relative; float: left; margin-right: -5px; }
div.formulario form input{ position: relative; float: left; width: 200px; font-family: tahoma; }

::-webkit-input-placeholder  { color:#aaa; }
input:-moz-placeholder { color:#aaa; }
.text-placeholder{ color: #aaa; }

.direitos{ position: absolute; left: 295px; *bottom: -40px; *bottom: -30px; color: white; font-weight: bold; font-family: helvetica; font-size: 10pt; }
.erros-lista{ color: red; position: relative; top: 25%; font-size: 9pt; text-align: center; }
.erros-lista .error{ clear: right; display: block; }
div.formulario form div.error{ color: red; left: -25px; position: absolute; width: 1em; }

div.formulario form div.botao-fechar{ position: absolute; top: -30px; left: 275px; width: auto; min-width: 71px; }
div.formulario form div.botao-fechar p{ position: relative; margin: 0; padding: 0; float: left; width: auto; color: white; }
div.formulario form div.botao-fechar img{ position: relative; float: left; }

div.form-oracao{ background: url('../img/bg_black.png') repeat center center transparent; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; color: #474746; font-family: tahoma; display: none; }
div.form-oracao img.left-border{ position: absolute; float: left; left: -15px; top: 0px; }
div.form-oracao img.right-border{ position: absolute; float: right; right: -15px; top: 0px;}
div.form-oracao form{ background: url('../img/bg_msg_form.png') repeat-x center center transparent; position: relative; width: 310px; height: 400px; margin: auto; text-align: center; top: 25%; }
div.form-oracao form p{ position: relative; width: 250px; margin: auto; padding-top: 13px; padding-bottom: 13px; *padding: 0; font-size: 11pt; }
div.form-oracao form div{ position: relative; margin: 8px auto 0; height: 24px; text-align: center; width: 200px; }
div.form-oracao form div.campo-pedido { width: 220px; height: 190px; }
div.form-oracao form div.campo-pedido textarea { position: relative; float: left; width: 210px; height: 190px; background: url() repeat-x center center white; border: 0; margin: 0; padding: 0 0 0 10px; line-height: 1.4em; font-family: tahoma; font-size: 10pt; }
div.form-oracao form div.botao-enviar{ position: relative; float: none; margin-top: 25px; *margin-top: 10px; width: 65px; border: 0; height: 40px; }
div.form-oracao form div.botao-enviar input{ position: relative; background: url('../img/bg_bt_enviar.png') repeat-x center center transparent; float: left; width: 65px; border: 0; height: 40px; font-size: 8pt; font-weight: bold; color: #474746; padding-bottom: 1px; }
div.form-oracao form img.left-border-input{ position: relative; float: left; margin-left: -12px; }
div.form-oracao form img.right-border-input{ position: relative; float: left; margin-right: -12px; }
div.form-oracao form img.left-border-bt-enviar{ position: relative; float: left; margin-left: -30px; }
div.form-oracao form img.right-border-bt-enviar{ position: relative; float: left; margin-right: -20px; }
div.form-oracao form img.left-border-textarea{ position: relative; float: left; margin-left: -5px; }
div.form-oracao form img.right-border-textarea{ position: relative; float: left; margin-right: -5px; }
div.form-oracao form input{ position: relative; float: left; width: 200px; font-family: tahoma; }
div.form-oracao form div.error{ color: red; left: -25px; position: absolute; width: 1em; }
div.form-oracao form div.botao-fechar2{ position: absolute; top: -30px; left: 275px; width: auto; min-width: 71px; }
div.form-oracao form div.botao-fechar2 p{ position: relative; margin: 0; padding: 0; float: left; width: auto; color: white; }
div.form-oracao form div.botao-fechar2 img{ position: relative; float: left; }

.redes-sociais{
    position: absolute;
    right: 0;
    top: 0;
}

.redes-sociais li{
    position: relative;
    float: left;
    margin-left: 2px;
}

div.form-mail{ background: url('../img/bg_black.png') repeat center center transparent; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; color: #474746; font-family: tahoma; display: none; }
div.form-mail img.left-border{ position: absolute; float: left; left: -15px; top: 0px; }
div.form-mail img.right-border{ position: absolute; float: right; right: -15px; top: 0px;}
div.form-mail form{ background: url('../img/bg_msg_form.png') repeat-x center center transparent; position: relative; width: 310px; height: 400px; margin: auto; text-align: center; top: 25%; }
div.form-mail form p{ position: relative; width: 250px; margin: auto; padding-top: 13px; padding-bottom: 13px; *padding: 0; font-size: 11pt; }
div.form-mail form div{ position: relative; margin: 8px auto 0; height: 24px; text-align: center; width: 200px; }
div.form-mail form div.campo-to-emails { width: 220px; height: 190px; }
div.form-mail form div.campo-to-emails textarea { position: relative; float: left; width: 210px; height: 190px; background: url() repeat-x center center white; border: 0; margin: 0; padding: 0 0 0 10px; line-height: 1.4em; font-family: tahoma; font-size: 10pt; }
div.form-mail form div.botao-enviar{ position: relative; float: none; margin-top: 25px; *margin-top: 10px; width: 65px; border: 0; height: 40px; }
div.form-mail form div.botao-enviar input{ position: relative; background: url('../img/bg_bt_enviar.png') repeat-x center center transparent; float: left; width: 65px; border: 0; height: 40px; font-size: 8pt; font-weight: bold; color: #474746; padding-bottom: 1px; }
div.form-mail form img.left-border-input{ position: relative; float: left; margin-left: -12px; }
div.form-mail form img.right-border-input{ position: relative; float: left; margin-right: -12px; }
div.form-mail form img.left-border-bt-enviar{ position: relative; float: left; margin-left: -30px; }
div.form-mail form img.right-border-bt-enviar{ position: relative; float: left; margin-right: -20px; }
div.form-mail form img.left-border-textarea{ position: relative; float: left; margin-left: -5px; }
div.form-mail form img.right-border-textarea{ position: relative; float: left; margin-right: -5px; }
div.form-mail form input{ position: relative; float: left; width: 200px; font-family: tahoma; }
div.form-mail form div.error{ color: red; left: -25px; position: absolute; width: 1em; }
div.form-mail form div.botao-fechar3{ position: absolute; top: -30px; left: 275px; width: auto; min-width: 71px; }
div.form-mail form div.botao-fechar3 p{ position: relative; margin: 0; padding: 0; float: left; width: auto; color: white; }
div.form-mail form div.botao-fechar3 img{ position: relative; float: left; }
Zerion Mini Shell 1.0