/* CSS Document */
/* Carrega fontes do Google Fontes */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);

/* */

#body {
    margin: 0;
    padding: 0;
    background: url(../imagens/background.png) repeat-x;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #666666;
}

.clear {
    clear: both;
}

header {
    width: 100%;
    height: 30px;
    position: fixed;
    z-index: 99;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#538442+0,528342+3,3a6e40+20,396c41+23,2d6945+27,185432+30,1c563d+37,1c563d+40,205b3d+43,1f5b39+47,2a623f+53,346e3e+77,3b7042+80,40753f+87,4c7346+93,496445+97,b1c2b2+100 */
    background: #538442; /* Old browsers */
    background: -moz-linear-gradient(top,  #538442 0%, #528342 3%, #3a6e40 20%, #396c41 23%, #2d6945 27%, #185432 30%, #1c563d 37%, #1c563d 40%, #205b3d 43%, #1f5b39 47%, #2a623f 53%, #346e3e 77%, #3b7042 80%, #40753f 87%, #4c7346 93%, #496445 97%, #b1c2b2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#538442), color-stop(3%,#528342), color-stop(20%,#3a6e40), color-stop(23%,#396c41), color-stop(27%,#2d6945), color-stop(30%,#185432), color-stop(37%,#1c563d), color-stop(40%,#1c563d), color-stop(43%,#205b3d), color-stop(47%,#1f5b39), color-stop(53%,#2a623f), color-stop(77%,#346e3e), color-stop(80%,#3b7042), color-stop(87%,#40753f), color-stop(93%,#4c7346), color-stop(97%,#496445), color-stop(100%,#b1c2b2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #538442 0%,#528342 3%,#3a6e40 20%,#396c41 23%,#2d6945 27%,#185432 30%,#1c563d 37%,#1c563d 40%,#205b3d 43%,#1f5b39 47%,#2a623f 53%,#346e3e 77%,#3b7042 80%,#40753f 87%,#4c7346 93%,#496445 97%,#b1c2b2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #538442 0%,#528342 3%,#3a6e40 20%,#396c41 23%,#2d6945 27%,#185432 30%,#1c563d 37%,#1c563d 40%,#205b3d 43%,#1f5b39 47%,#2a623f 53%,#346e3e 77%,#3b7042 80%,#40753f 87%,#4c7346 93%,#496445 97%,#b1c2b2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #538442 0%,#528342 3%,#3a6e40 20%,#396c41 23%,#2d6945 27%,#185432 30%,#1c563d 37%,#1c563d 40%,#205b3d 43%,#1f5b39 47%,#2a623f 53%,#346e3e 77%,#3b7042 80%,#40753f 87%,#4c7346 93%,#496445 97%,#b1c2b2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #538442 0%,#528342 3%,#3a6e40 20%,#396c41 23%,#2d6945 27%,#185432 30%,#1c563d 37%,#1c563d 40%,#205b3d 43%,#1f5b39 47%,#2a623f 53%,#346e3e 77%,#3b7042 80%,#40753f 87%,#4c7346 93%,#496445 97%,#b1c2b2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#538442', endColorstr='#b1c2b2',GradientType=0 ); /* IE6-9 */


    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.topo {
    margin: auto;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.topo .logo {
    position: absolute;
    width: 250px;
    height: auto;

    padding: 60px 0 0 0;
    margin: 0 0 0 0;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
 }

header.fix-top {
    width: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+96,f6f6f6+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.97) 0%, rgba(241,241,241,0.97) 96%, rgba(246,246,246,0.97) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.97)), color-stop(96%,rgba(241,241,241,0.97)), color-stop(100%,rgba(246,246,246,0.97))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.97) 0%,rgba(241,241,241,0.97) 96%,rgba(246,246,246,0.97) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.97) 0%,rgba(241,241,241,0.97) 96%,rgba(246,246,246,0.97) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.97) 0%,rgba(241,241,241,0.97) 96%,rgba(246,246,246,0.97) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.97) 0%,rgba(241,241,241,0.97) 96%,rgba(246,246,246,0.97) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 17px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 17px 0px rgba(50, 50, 50, 0.3);

    height: 60px;
    position: fixed !important;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
header.fix-top .logo img {
    margin: -80px 0 0 0;
    width: 55%;
    height: auto;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.content {
    padding: 0 10px;
}

/* Menu */
#menu {
    width: 700px;
    float: right;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    color: #F0F0F0;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu li {
    float: left;
    padding: 16px 17px 12px 17px;
    border-right: 1px solid #CCC;
}
#menu a {
    text-decoration: none;
    color: #F0F0F0;
}


/**/

/* Titulos */
h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    color: #FFF;
    background: #9BC244;
    padding: 6px 6px 6px 10px;
    font-stretch: normal;
    font-weight: normal;
    font-variant: normal;
}
h2 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    color: #3A7C1E;
    font-weight: bold;

}

/**/

/* Super Banner */
#super_banner {
    width: 100%;
    background: #FFF;
    border: 1px solid #D3D3D3;
    padding: 1px;
}

/* Servicos */

#servicos {
}
#servicos h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    color: #3A7C1E;
    font-weight: bold;
    background: none;
    padding: 5px 0 5px 0;
    margin: 0;
}

/* Fale Conosco */
#fale_conosco iframe {
    width: 100%;
    height: 330px;
    padding: 0;
    margin: 0 0 -4px 0;
}
#fale_conosco #super_banner {
    padding: 1px 1px 0 1px;
}
#fale_conosco .container {
    padding: 0px;
}
#fale_conosco input {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 7px;
}
#fale_conosco textarea {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    color: #666666;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 7px;
}
#fale_conosco #botao {
    height: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #FFF;
    padding: 7px 20px;
    margin: 0 0 40px 0;
    background: url(../imagens/background_botao.png) repeat-x;
    border-radius: 4px;
}
#fale_conosco #divzao {
    margin: 0 0 10px 0;
}

/**/

/* Rodape */
#rodape {
    margin: 10px auto 0 auto;
    padding: 1px 0;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #F0F0F0;
}
#rodape #bg {
    height: 120px;
    background: url(../imagens/background_rodape.png) repeat-x;
}
#rodape ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    color: #F0F0F0;
}
#rodape li {
    float: left;
    padding: 16px 17px 8px 17px;
}
#rodape a {
    text-decoration: none;
    color: #F0F0F0;
}
#rodape .endereco {
    padding-top: 10px;
    margin-bottom: 5px;
}
#rodape .endereco a, #rodape .telefone a {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}
#rodape .ico-mapa {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;

}
#rodape .ico-tel {
    margin: 0 5px 0 0;
}
#rodape .logo {
    width: 300px;
    text-align: center;
    float: right;
    padding: 30px 0 0 0
}
#rodape .conteudo {
    float:left;
    width: 60%;
}
#rodape .links {
    width: 100%;
    float: left;
    border-bottom: 1px solid #CCC;
}

/**/