/*  ===============================================
Theme: Marciosantos
Theme URI: http://www.marciosantos.com.br
Description: Marcio Santos
Version: 5.0
Author: Marcio Santos
Author URI: http://www.marciosantos.com.br 
=================================================*/




/* ================================================= GERAL === */



body
    {
    background-color:#000000;
    background-image:url(images/back.jpg);
    background-repeat:repeat-y;
    background-position:bottom center;
    color:#808080;
    font-family:Tahoma, 'Trebuchet MS', Arial, Verdana;
    font-size:10pt;
    padding:0px;
    margin:0px;
    }

img
    {
    border:0px;
    }

p
    {
    line-height:150%;
    }


/* ================================================= CONTEUDO PRINCIPAL === */

#geral
    {
    width:900px;
    _height:600px;
    min-height:600px;
    float:left;
    position:absolute;
    left:-450px;
    margin-left:50%;
    }


/* ================================================= TOPO === */


#topo
    {
    width:900px;
    height:130px;
    float:left;
    }


#topo h1
    {
    padding:0px;
    margin:40px 0px 0px 0px;
    width:245px;
    height:55px;
    float:left;
    display:inline;
    }

#topo ul
    {
    width:600px; /* posso ir ate 655 */
    height:55px;
    float:right;
    padding:0px;
    margin:65px 0px 0px 0px;
    display:inline;
    list-style:none;
    }

#topo ul li
    {
    width:100px;
    height:50px;
    float:left;
    font-size:11pt;
    _font-weight:bold;
    }

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

#topo ul li a:hover, #topo ul li a:visited:hover
    {
    color:#808080;
    text-decoration:none;
    border-bottom:5px solid #808080;
    }


/* ================================================= MEIO === */


#painel
    {
    width:900px;
    height:260px;
    float:left;
    margin-bottom:40px;
    display:inline;
    }

#painel img
    {
    width:750px;
    height:250px;
    float:left;
    border:5px solid #ffffff;
    }

#painel ul
    {
    padding:0px;
    margin:0px;
    list-style:none;
    float:right;
    width:140px /* maximo 150 */
    height:250px;
    }

#painel ul li.um, #painel ul li.dois, #painel ul li.tres, #painel ul li.quatro
    {
    width:75px; /* width:135px */
    height:47px; /* height:55px */
    background-image:url(images/01.jpg);
    padding:8px 5px 0px 55px;
    margin-bottom:14px;
    }

#painel ul li.dois
    {
    background-image:url(images/02.jpg);
    }

#painel ul li.tres
    {
    background-image:url(images/03.jpg);
    }

#painel ul li.quatro
    {
    background-image:url(images/04.jpg);
    }


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

#embaixo
    {
    width:900px;
    _height:245px;
    min-height:245px;
    float:left;
    margin-bottom:30px;
    display:inline;
    }

#lastcase
    {
    width:530px;
    height:245px;
    float:left;
    background-image:url(images/bg-sobre.png);
    padding:10px 10px 0px 10px;
    }

#lastcase h1
    {
    font-size:13pt;
    margin:0px;
    padding:0px 0px 5px 0px;
    font-family:Arial;
    }

#lastcase h1 span
    {
    color:#ff9900;
    }

#lastcase img
    {
    width:200px;
    height:200px;
    float:left;
    }

#lastcase p
    {
    width:310px;
    height:250px;
    margin:0px 0px 0px 20px;
    display:inline;
    padding:0px;
    float:left;
    }

#lastcase p strong
    {
    color:#ffffff;
    }


#sobremim
    {
    width:302px;
    height:245px;
    float:right;
/*    border-left:1px dotted #808080; */
    padding:10px 10px 0px 18px; /* maximo 19 */
    background-image:url(images/bg-sobre.png);
    }

#sobremim h1
    {
    font-size:13pt;
    margin:0px;
    padding:0px 0px 5px 0px;
    font-family:Arial;
    }

#sobremim h1 span
    {
    color:#ff9900;
    }

#sobremim p
    {
    padding:10px 10px 0px 0px;
    margin:0px;
    }

#sobremim p span
    {
    color:#ff9900;
    }

#sobremim p img
    {
    float:left;
    margin:0px 10px 2px 0px;
    }


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

#rodape
    {
    width:900px;
    height:50px;
    float:left;
    border-top:3px solid #999999;
    margin-bottom:20px;
    display:inline;
    }

#rodape address
    {
    width:900px;
    height:50px;
    float:left;
    font-style:normal;
    }

#rodape address p
    {
    margin:0px;
    padding:10px 0px 0px 0px;
    font-size:8pt;
    }



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

#interna
    {
    width:900px;
    _height:245px;
    min-height:245px;
    float:left;
    }

#interna h1
    {
    padding:0px 0px 5px 0px;
    margin:0px;
    color:#ff9900;
    font-size:13pt;
    border-bottom:1px dotted #ffffff;
    font-family:'Trebuchet MS', Verdana, Arial, Tahoma;
    }

#interna img
    {
    float:left;
    margin-right:10px;
    border:3px solid #ffffff;
    }


/* ================================================= SERVICOS === */

.servicos
    {
    width:215px;
    height:340px;
    float:left;
    margin:10px 10px 0px 0px;
    display:inline;
    background-image:url(images/bg-sobre.png);
    }

.servicos:hover
    {
    background-image:url(images/bg-hover.png);
    }

#interna .servicos h1
    {
    padding:5px 0px 0px 0px;
    margin:0px;
    color:#ffffff;
    font-size:13pt;
    text-align:center;
    border:0px;
    font-family:'Trebuchet MS', Verdana, Arial, Tahoma;
    }

.servicos p
    {
    width:194px;
    _height:10px;
    min-height:10px;
    float:left;
    padding:10px;
    margin:0px;
    }

.servicos p img
    {
    width:190px;
    height:81px;
    margin-bottom:5px;
    display:inline;
    }


/* ================================================= GALERIA === */


#embaixo #interna .ngg-galleryoverview
    {
    width:900px;
    _height:10px;
    min-height:10px;
    float:left;
    }


#embaixo #interna h1 a
    {
    padding:0px 0px 5px 0px;
    margin:0px;
    color:#ff9900;
    font-size:13pt;
    border-bottom:1px dotted #ffffff;
    text-decoration:none;
    }

#embaixo #interna p
    {
    color:#ffffff;
    }

#embaixo #interna p strong
    {
    color:#808080;
    }

#embaixo #interna p a
    {
    color:#ff9900;
    text-decoration:none;
    }


#embaixo #interna p a img
    {
    padding:10px 8px 30px 8px;
    background-image:url(images/bg-sobre.png);
    border:1px dotted #333333;
    margin:0px 8px 10px 0px;
    }

#embaixo #interna p a img:hover
    {
    background-image:url(images/bg-hover.png);
    }


#lado-b
    {
    width:250px;
    height:200px;
    float:left;
    background-image:url(images/bg-sobre.png);
    }


/* ================================================= PAGINA SOLO === */

ul.post-meta
    {
    padding:0px;
    margin:0px;
    list-style:none;
    }

ul.post-meta li span
    {
    font-weight:bold;
    color:#808080;
    }

ul.post-meta li
    {
    color:#ffffff;
    padding-top:20px;
    }


ul.post-meta li a
    {
    color:#ff9900;
    text-decoration:none;
    }


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



/* ================================================= CONTATO === */

#lado-form
    {
    width:62%;
    _height:10px;
    min-height:10px;
    float:left;
    border-right:1px dotted #808080;
    margin-right:3%;
    margin-top:20px;
    display:inline;
    }

#lado-dados
    {
    width:33%;
    _height:10px;
    min-height:10px;
    float:right;
    margin-top:25px;
    display:inline;
    }

#respostas
    {
    width:100%;
    height:50px;
    float:left;
    background-color:#ff9900;
    }

p.p-contato
    {
    display:none;
    text-align:center;
    padding:0px 0px 10px 0px;
    margin:0px;
    color:#ff9900;
    }

strong.ff9900
    {
    color:#ff9900;
    }

form
    {
    width:400px;
    _height:10px;
    min-height:10px;
    padding:0px;
    margin:0px;
    float:left
    }

form label
    {
    float:left;
    font-weight:bold;
    }

form input, form textarea
    {
    width:270px;
    height:20px;
    padding:1px;
    float:left;
    border:0px;
    border:1px solid #ffffff;
    color:#333333;
    font-size:8pt;
    font-family:Verdana;
    }

form input#selfCC
    {
    width:11px;
    height:11px;
    float:right;
    border:0px;
    margin:-20px 0px 0px 0px;
    }

form textarea
    {
    height:70px;
    }

form input.botao
    {
    background-color:#222222;
    color:#ffffff;
    width:50px;
    height:20px;
    float:left;
    padding:1px 2px 3px 2px;
    margin:25px 0px 10px 0px;
    display:inline;
    text-align:center;
    }