/*
Author: Marcio Santos
Website: www.fatorclick.com.br
Telefone: +55 12 8144-2329
*/


body
    {
    margin:0;
    padding:0;
    color:#8a8a8a;
    background-image:url(http://www.fatorhost.com.br/images/bg.jpg);
    font-family:'Trebuchet MS', Verdana, Arial, Tahoma;
    font-size:10pt;
    }


#tudo
    {
    width:1000px;
    _height:1200px;
    min-height:1200px;
    float:left;
    position:absolute;
    left:50%;
    margin-left:-500px;
    }

img
    {
    border:0px;
    }

a.links:link, a.links:visited, a.links:hover, a.links:visited:hover
    {
    color:#333333;
    text-decoration:none;
    }

/* ================================== LOGOTIPO, SLOGAN ===== */

h1.slogan
    {
    margin:0px;
    padding:0px;
    position:absolute;
    left:171px;
    top:70px;
    width:180px;
    height:20px;
    color:#000000;
    font-size:13.8pt;
    }


/* ================================== MENU EM LISTA DO TOPO ====== */

ul.navega-topo
    {
    position:absolute;
    left:630px;
    padding:0px;
    width:360px;
    height:30px;
    float:right;
    margin:0px 15px 0px 0px;
    display:inline;
    font-size:10pt;
    font-weight:bold;
    list-style:none;
    color:#470101;
    }

ul.navega-topo li
    {
    height:29px;
    float:left;
    margin-right:20px;
    display:inline;
    }

ul.navega-topo li a:link, ul.navega-topo li a:visited
    {
    color:#470101;
    text-decoration:none;
    }

ul.navega-topo li a:hover, ul.navega-topo li a:visited:hover
    {
    color:#470101;
    text-decoration:none;
    border-bottom:3px solid #470101;
    }


/* ================================== TELEFONES DO TOPO ====== */

p.telefones
    {
    width:173px;
    height:50px;
    float:right;
    margin:50px 0px 0px 0px;
    padding:0px;
    position:absolute;
    left:787px;
    top:0px;
    }

img.tel
    {
    float:left;
    }

span.numeros
    {
    width:140px;
    height:50px;
    float:right;
    font-weight:bold;
    color:#470101;
    }


/* ================================== MENU PRINCIPAL ====== */

#menu
    {
    width:1000px;
    height:36px;
    float:left;
    }

ul.menu
    {
    width:1000px;
    height:35px;
    float:left;
    padding:0px;
    margin:0px;
    list-style:none;
    font-size:9.5pt;
    vertical-align:middle;
    }

ul.menu li, ul.menu li.ultimo
    {
    width:140.85px;
    height:15px;
    float:left;
    text-align:center;
    margin-top:8px;
    display:inline;
    border-right:1px solid #808080;
    }

ul.menu li.ultimo
    {
    border:0px;
    }

ul.menu li a:link, ul.menu li a:visited
    {
    text-decoration:none;
    color:#808080;
    }

ul.menu li a:hover, ul.menu li a:visited:hover
    {
    color:#ffffff;
    text-decoration:none;
    }


/* ================================== PAINEL FLASH DO TOPO ====== */

#flash
    {
    width:1000px;
    height:230px;
    float:left;
    }


/* ================================== BOX REGISTRO ===== */

#box-registro
    {
    width:685px;
    height:218px;
    float:left;
    background-image:url(http://www.fatorhost.com.br/images/bgregistro.jpg);
    }



/* ================================== BOX LATERAL LOGIN CLIENTE ===== */

#central-login
    {
    width:315px;
    height:218px;
    float:right;
    background-image:url(http://www.fatorhost.com.br/images/bglateral.jpg);
    }

form.central-login
    {
    width:290px;
    height:125px;
    float:left;
    padding:85px 0px 0px 16px;
    margin:0px;
    }

form.central-login fieldset
    {
    border:0px;
    }

form.central-login fieldset label, form.central-login fieldset label.campo2
    {
    font-size:12pt;
    color:#470101;
    float:left;
    }

form.central-login fieldset label.campo2
    {
    margin-top:5px;
    display:inline;
    }

form.central-login fieldset input, form.central-login fieldset input.campo2
    {
    width:195px;
    height:17px;
    float:right;
    border:0px;
    margin-right:10px;
    }

form.central-login fieldset input.campo2
    {
    margin-top:8px;
    display:inline;
    }

form.central-login fieldset input.botao
    {
    width:38px;
    height:20px;
    float:right;
    padding-top:10px;
    }

/* ================================== EMBAIXO A ===== */

#lado-a
    {
    width:601px;
    height:192px;
    float:left;
    background-image:url(http://www.fatorhost.com.br/images/bg-lado-a.gif);
    }

#a
    {
    width:303px;
    height:192px;
    float:left;
    }

#b
    {
    width:292px;
    height:192px;
    float:right;
    }

p.boxb
    {
    padding:10px 10px 0px 45px;
    margin:0px;
    font-size:9pt;
    line-height:130%;
    }

p.boxc
    {
    padding:10px 140px 0px 45px;
    margin:0px;
    font-size:9pt;
    line-height:130%;
    }

ul.box1
    {
    padding:12px 0px 0px 30px;
    margin:0px;
    list-style:none;
    width:240px;
    height:120px;
    }

ul.box1 li
    {
    width:230px;
    height:30px;
    background-image:url(http://www.fatorhost.com.br/images/bglibox1.gif);
    float:left;
    padding-left:20px;
    font-size:9pt;
    line-height:100%;
    display:inline;
    }




/* ================================== TITULOS DOS BOXES ===== */

h1.h1boxes
    {
    color:#6a3900;
    font-size:10pt;
    font-family:'Trebuchet MS', Verdana, Arial;
    padding:0px;
    margin:28px 0px 0px 45px;
    text-decoration:underline;
    }


/* ================================== EMBAIXO B ===== */

#streaming-linux
    {
    width:399px;
    height:192px;
    float:right;
    background-image:url(http://www.fatorhost.com.br/images/bg-streaming-linux.gif);
    }

/* ================================== PALAVRA DO CLIENTE ===== */

#palavra
    {
    width:601px;
    height:167px;
    float:left;
    background-image:url(http://www.fatorhost.com.br/images/bg-palavra.gif);
    }


/* ================================== TECNOLOGIAS ===== */

#tecnologias
    {
    width:399px;
    height:167px;
    float:right;
    background-image:url(http://www.fatorhost.com.br/images/bg-tecnologias.gif);
    }



/* ================================== RODAPE ===== */

#rodape
    {
    width:1000px;
    height:130px;
    float:left;
    margin:110px 0px 0px 0px;
    display:inline;
    }


ul.rodape
    {
    list-style:none;
    padding:0px 0px 0px 30px;
    margin:0px;
    float:left;
    width:170px;
    height:130px;
    }

ul.rodape li
    {
    font-style:normal;
    }

ul.rodape li strong.titulo
    {
    color:#c67702;
    }

ul.rodape li a:link, ul.rodape li a:visited
    {
    color:#ffffff;
    text-decoration:none;
    }

ul.rodape li a:hover, ul.rodape li a:visited:hover
    {
    color:#ffffff;
    text-decoration:underline;
    }


/* ================================== INTERNAS ===== */
/* ================================== INTERNAS ===== */
/* ================================== INTERNAS ===== */

#meio
    {
    width:100%;
    _height:577px;
    min-height:577px;
    float:left;
    }

#interna
    {
    width:600px;
    _height:577px;
    min-height:577px;
    float:left;
    }


#contrato
    {
    width:600px;
    height:530px;
    float:left;
    overflow:auto;
    }

h1.titulo-interno
    {
    width:578px;
    height:20px;
    float:left;
    margin:20px 0px 20px 0px;
    padding:5px 10px 5px 10px;
    color:#333333;
    font-size:10pt;
    text-transform:uppercase;
    font-family:Arial, verdana, Tahoma;
    background-color:#ffffff;
    border:1px solid #e1e0e0;
    }

p.p-interno
    {
    padding:0px 10px 0px 5px;
    margin:0px;
    text-align:justify;
    }

/* ================================== CENTRAL DE ATENDIMENTO ===== */


.boxes-central
    {
    width:260px;
    height:80px;
    float:left;
    background-color:#ffffff;
    border:1px solid #e1e0e0;
    padding:10px;
    margin:10px 10px 0px 0px;
    display:inline;
    }

strong.titulo-boxes
    {
    color:#f29813;
    }

img.imgleft
    {
    float:left;
    margin-right:10px;
    }


/* ================================== TABELA COM PLANOS DE HOSPEDAGEM ===== */

.tablerevenda
    {
    width:580px;
    float:left;
    _height:100px;
    min-height:100px;
    border:0px;
    margin-bottom:20px;
    display:inline;
    }

th
    {
    background-color:#f2f2f2;
    color:#ff9900;
    text-align:center;
    font-weight:bold;
    height:20px;
    }

td
    {
    border:1px solid #e5e5e5;
    background-color:#f9f9f9;
    text-align:center;
    }

.tttd
    {
    color:#ff0000;
    text-transform:uppercase;
    font-weight:bold;
    }



ul.listarevenda
    {
    width:550px;
    _height:20px;
    min-height:20px;
    margin:0px;
    padding:0px 0px 20px 0px;
    float:left;
    list-style:none;
    margin-top:20px;
    display:inline;
    }

ul.listarevenda li
    {
    height:10px;
    padding-top:10px;
    width:550px;
    float:left;
    }

ul.listarevenda li ul li
    {
    height:10px;
    padding-top:10px;
    width:550px;
    float:left;
    }



ul.listarevenda li .tts
    {
    height:17px;
    width:550px;
    float:left;
    background-color:#f2f2f2;
    border:1px solid #e5e5e5;
    }


#servidor
    {
    width:600px;
    height:600px;
    float:left;
    position:absolute;
    top:300px;
    left:100px;
    background-color:#ffffff;
    border:10px solid #693800;
    padding:10px;
    display:none;
    overflow:auto;
    }


/* ================================== FORM DE CONTATO ===== */

form.form, form.form fieldset
    {
    width:590px;
    height:570px;
    float:left;
    padding:0px;
    margin:20px 0px 0px 0px;
    display:inline;
    border:0px;
    }

form.form fieldset label
    {
    float:left;
    margin-left:10px;
    display:inline;
    }

form.form fieldset input, form.form fieldset textarea
    {
    width:450px;
    height:20px;
    float:right;
    padding:2px;
    background-color:#ffffff;
    border:1px solid #c1c1c1;
    color:#c1c1c1;
    font-size:10pt;
    font-family:Arial, verdana, Tahoma;
    }

form.form fieldset textarea
    {
    height:100px;
    }

form.form fieldset input.botao
    {
    background-color:#333333;
    color:#ffffff;
    width:100px;
    height:30px;
    padding:5px;
    text-align:center;
    margin-top:10px;
    display:inline;
    }


/* ================================== DATACENTER ===== */

img.datacenter
    {
    float:left;
    margin-right:10px;
    border:2px solid #ffffff;
    }