/* 
    Document   : estilo.css
    Created on : 16/01/2012, 16:19:40
    Author     : Carlos
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

    /* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font-family: arial;

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*************************************************************/
/*   script de geração de buttons com css                   */

.small.button, .small.button:visited 	{ font-size: 11px}
.button, .button:visited,.medium.button, .medium.button:visited 
  { font-size: 13px; 
    font-weight: bold; 
    line-height: 1; 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
  }

.large.button, .large.button:visited 	
{ font-size: 14px; 
padding: 8px 14px 9px; }

.super.button, .super.button:visited 	
{ font-size: 34px; 
padding: 8px 14px 9px; }
.pink.button, .magenta.button:visited	{ background-color: #e22092; }
.pink.button:hover	{ background-color: #c81e82; }
.green.button, .green.button:visited	{ background-color: #91bd09; }
.green.button:hover	{ background-color: #749a02; }
.greendark.button, .greendark.button:visited	{ background-color:#060; }
.greendark.button:hover	{ background-color:#007700;}
.red.button, .red.button:visited	{ background-color: #e62727; }
.red.button:hover	{ background-color: #cf2525; }
.orange.button, .orange.button:visited	{ background-color: #ff5c00; }
.orange.button:hover	{ background-color: #d45500; }
.blue.button, .blue.button:visited	{ background-color: #2981e4; }
.blue.button:hover	{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited	{ background-color: #ffb515; }
.yellow.button:hover { background-color: #fc9200; }
    .button, .button:visited {                
                background: #222 url(../imagens/overlay.png) repeat-x; 
                display: inline-block; 
                padding: 5px 10px 6px; 
                color: #fff; 
                text-decoration: none;
                -moz-border-radius-topright: 20px;
                -moz-border-radius-topleft: 20px;
                -webkit-border-top-left-radius: 20px;
                -webkit-border-top-right-radius: 20px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);                
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                position: relative;
                cursor: pointer;
                margin-bottom: 5px;
                /*behavior: url(ie-css3.htc); *//* This lets IE know to call the script on all elements which get the 'box' class */    
            }
    
    .button:hover { background-color: #111; color: #fff; margin-bottom: 5px; }
    .button:active { top: 1px; margin-bottom: 5px; }

/**************************************************************************/



/* corpo do css */
    #principal{
        width: 100%;
        margin: 0px auto;
        background: url('../imagens/tp_bgg.jpg') repeat-x;
        
    }
    header{
        margin: 0px auto;
        top:0px;        
        width: 810px;
        height: 143px;           
    }
    #logo{ width: 230px; 
           height: 105px;           
           padding-top: 10px;           
    }
    
    header nav {
        width: 810px;
        height: 45px;
    }
    header nav ul {
        width: 810px;
        height: 45px;
        list-style: none;
        margin-left: 85px;
    }
    header nav ul li{
         float: left;
        font-size: 16px;
        font-family: arial;
        text-align: center;
        font-weight: bold;
        color: #FFF;
        width: 150px;
        height: 29px;
    }
    header nav ul li a {
        float: left;
        text-decoration: none;
        font-size: 16px;
        font-family: arial;
        text-align: center;
        color: #FFF;
        width: 150px;
        height: 29px;
        margin-top: 5px;
    }
    .qrd{
        width: 810px;
        height: 20px;
        margin: 0px auto;
        background-repeat: no-repeat;
        background-image: url(../imagens/tp_qdr.png);
    }    
    #conteudo{
        width: 810px;
        height: 650px;
        min-height: 650px;
        height: auto;
        margin: 0px auto;
        background-repeat: repeat-y;
        background-image: url(../imagens/lfrh_qdr.png);
    }
    .qrd_bt{
        width: 810px;
        height: 27px;
        margin: 0px auto;
        background-repeat: no-repeat;
        background-image: url(../imagens/bt_qdr.png);
    } 
    #banner_topo{
        width: 770px;
        margin-left: 640px;
        margin-bottom: 15px;
        display: none;
        height: 326px;
    }
    #banner_topo img
    {
    z-index: 99;
    position: absolute;
    }
    .snipe {
    /*        background-color:#deb642;*/
            background-position: right top;
            background-repeat: repeat-y;
            background-image: url(../imagens/slide_snipe_bkg.png);
            padding-right: 60px;
            padding-left: 22px;
            padding-bottom: 4px;
            padding-top: 4px;
            float: left;
            height: 60px;
            z-index: 99999;
            margin-top: 240px;
            position: absolute;            
    }

    .snipe p {
            padding-bottom: 3px;
            padding-top: 8px;
            line-height: 18px;
            font-size: 16px;
            letter-spacing: 1,5px;
            font-family: Arial, Helvetica, Verdana, sans-serif;
            color: white;
            margin: 0px;
            font-weight: bold;
    }
    #barra_display{
        width: 760px;
        height: 20px;
        font-size: 16px;
        color:#fff;
        margin: 0px auto;
        background-position: left top;
        background-repeat: repeat-y;
        background-image: url(../imagens/slide_snipe_bkg.png);
        padding: 6px 0 0 10px;
        font-weight: bold;
    }
    #centro{
        width: 780px;
        height: 200px;
        min-height: 200px;
        height: auto;
        font-size: 12px;
        color:#000;
        margin: 0px auto;
        font-weight: bold;
        display: table;
    }

    #coluna_esqueda{
        font-family: arial;
        font-size: 12px;
        color: #000;
        width: 476px;
        float: left;

    }

   
    #coluna_esqueda #titulo{
        font-family: arial;
        font-size: 16px;
        color: #999; 
        padding: 4px 0 2px 0;
    }
    #coluna_esqueda #img_esq {
        padding: 5px;
        width: 176px;
        float: left;
    }
    
    #coluna_esqueda #img_esq .saibamais {
        background: url('../imagens/saiba_mais.jpg') no-repeat;
        width: 176px;
        height: 25px;
        color: #FFF;
        text-decoration: none;
        padding: 7px 5px 5px 90px;
        cursor: pointer;
    }
    #coluna_esqueda #txt_esq{
        width: 290px;
        float: right;        
    }

    #coluna_esqueda #txt_esq #text{
        font-family: arial;
        font-size: 14px;
        color: #4F4F4F;
        line-height: 18px;
    }
    
    
     #coluna_direita{
        float: right;
        width: 276px;
        padding-left: 15px;
        border-left: 2px solid #999;
        height: 315px;
         
    }    
    #coluna_direita h1{
        text-align: left;
        width: 175px;
        font-size: 18px;
        color: #FFF;   
    }

    #coluna_direita  #titulo{
        font-family: arial;
        font-size: 16px;
        color: #696969; 
        padding: 15px 0 2px 0;
    }

    #coluna_direita  #subtitulo{
        font-family: arial;
        font-size: 13px;
        color: #999; 
        padding: 4px 0 2px 0;
    }
    
    #coluna_direita  ul{
        font-family: arial;
        font-size: 14px;
        color: #999; 
        padding: 4px 0 2px 0;
    }
    #coluna_direita ul li{
        font-family: arial;
        font-size: 12px;
        color: #4F4F4F;
        line-height: 20px;
        list-style: square;
        margin-left: 15px
    }
    #extra #text{
        font-family: arial;
        font-size: 14px;
        color: #4F4F4F;
        line-height: 18px;
    }
    #extra #img_esq .saibamais {
        background: url('../imagens/saiba_mais.jpg') no-repeat;
        width: 176px;
        height: 25px;
        color: #FFF;
        text-decoration: none;
        padding: 7px 5px 5px 90px;
        cursor: pointer;
    }
    
    #pub_google{
        margin-top: 5px;
        width: 200px;
        text-align: center;
    }
    
    #extra {
        width: 810px;
        height: 100px;
        min-height: 100px;
        height: auto;
        margin: 0px auto;
        background-repeat: repeat-y;
        background-image: url(../imagens/lfrh_qdr.png);
    }
    #extra div{
        padding-left: 20px;
    }
    #extra #text{
        font-family: arial;
        font-size: 14px;
        color: #4F4F4F;
        line-height: 18px;
        padding: 10px 20px 10px 20px;
    }
    #extra .saibamais {
        background: url('../imagens/saiba_mais.jpg') no-repeat;
        width: 176px;
        height: 25px;
        color: #FFF;
        text-decoration: none;
        padding: 7px 5px 5px 90px;
        cursor: pointer;
        margin-left: 20px; 
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
    }

    footer{
        width: 100%;
        background: url('../imagens/bt_bg.jpg') repeat-x;
	height:80px;
        margin: 20px auto;
    }
   
    #conteudo_rodape{
	width:770px;
	margin:0 auto;
    }
     #logo_rodape{
	float: right;
        padding-top:5px;
	}
    #txt_rodape{
	width:650px;
	margin:0 auto;
	padding-top:20px;
        font-family: arial;
        font-size: 10px;
        color: #999;
        float:left;
    }

    
    
    /* pagina representadas */
    
    #centro .titulo{
        font-family: arial;
        font-size: 16px;
        color: #4F4F4F;
        padding: 4px 0 2px 0;
        margin-left: 280px;
    }
    #centro .img_esq {
        padding: 5px;
        width: 385px;
        float: left;
    }
    #centro .seta{
        height: 100px;
        padding-top: 40px;
        float:left;
    }
    #centro .txt_representada {
        padding: 5px;
        width: 360px;
        float: left;
        font-family: arial;
        font-size: 12px;
        font-weight: 100;
        line-height: 18px;
    }
    #centro .empresa{
        font-family: arial;
        font-size: 15px;
        color: #999; 
        padding: 4px 0 7px 0;
        font-weight: bold;
    }
    #centro .txt_representada .saibamais {
        background: url('../imagens/saiba_mais_peq.jpg') no-repeat;
        width: 111px;
        height: 25px;
        color: #FFF;
        text-decoration: none;
        padding: 7px 5px 5px 20px;
        cursor: pointer;
        float: right;
    }
    
    /* pagina atuação*/
    
    #centro #coluna_direita .saibamais {
        background: url('../imagens/saiba_mais_peq.jpg') no-repeat;
        width: 111px;
        height: 25px;
        color: #FFF;
        text-decoration: none;
        padding: 7px 5px 5px 20px;
        cursor: pointer;
        float: right;
    }
    .snipe_atua {
    /*        background-color:#deb642;*/
            background-position: right top;
            background-repeat: repeat-y;
            background-image: url(../imagens/slide_snipe_bkg2.png);
            padding-right: 60px;
            padding-left: 22px;
            padding-bottom: 4px;
            padding-top: 4px;
            float: right;
            height: 30px;
            z-index: 99999;
            margin-top: -280px;
            position: absolute;            
    }

    .snipe_atua p {
            padding-bottom: 3px;
            padding-top: 8px;
            line-height: 18px;
            font-size: 16px;
            letter-spacing: 1,5px;
            font-family: Arial, Helvetica, Verdana, sans-serif;
            color: white;
            margin: 0px;
            font-weight: bold;
    }
    
    
    /* pagina contato*/
    
    #endereco{        
       float:left;height: 320px;width: 157px;background-color: #999;text-align: right;
       font-family: arial;font-size: 12px; color: #FFF; padding-right: 10px; font-weight: bold;
       margin-right: 10px;
    }
    
    #endereco #titulo{
        font-family: arial;
        font-size: 16px;
        color: #FFF;
        padding: 4px 0 2px 0;
      
    }
    #form {
        float:left;
        width: 430px;
        height: 320px;
    }
    
    #form .titulo{
        font-family: arial;
        font-size: 16px;
        color: #4F4F4F;
        padding: 4px 0 2px 0;
        margin-left: 270px;
        font-weight: bold;
    }
    
    #form form {
            width:400px;
            margin:10px auto;
    }
    #form input[type=text], textarea {
        border: 1px solid #D1D3D4;
        margin: 3px;
        width: 300px;
        padding: 1px;
        font-family: arial;
        font-size: 12px;
        color:#999;
    }
    #form textarea {
        height: 48px;
    }
    #form input[type=submit] {

        cursor: pointer;
        margin-top: 10px;
        width:60px;
        height:24px;
    }
    #form form p {
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }
    #form .saibamais_env {
        background: url('../imagens/saiba_mais.jpg') no-repeat;
        height: 25px;
        color: #FFF;
        text-decoration: none;
        padding: 7px 5px 5px 5px;
        cursor: pointer;
        margin-left: 125px; 
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        border:none;
        letter-spacing: 2px;
    }