@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Quicksand);


body{
    background-color: #ffffff;
    margin:0px;
    font-family: Quicksand, sans-serif;

}

div#interface{
    margin: auto;

}
div#fundodotopo{
    background-color: #ecf0f2;
}

div#div-topo {
    width: 900px;
    margin: auto;
    height: 137px;

}

div#produtos{
    float: left;
    margin: auto;
    width: 600px;
}

img#contato{
    float: right;
    margin-right: 250px;
    margin-top: -120px;
}

aside#tMensagem{
    float: right;
    margin-right: 70px;
    margin-top: -124px;

}

aside#tMensagem p{
   margin-left: 20px;
   padding: 0;
   line-height: 0px;
}

aside#tMensagem p#tFone{
     font-size: 25px;
     color: #c33724;
 }

aside#tMensagem p#tSuporte{
    display: block;
    font-size: 15px;
    color: #33485f;
}

/*------------------------------- INICIO DO MENU ------------------------------- */
div#fundodomenu{
    background-color: #ffffff;

}
div#div-menu {
    padding: 10px;
    width: 900px;
    margin: 17px auto 17px auto;

}
header#h-menu{
    margin: auto;
    margin-top: -33px;
}

nav#nav-menu ul{
    display: block;
    list-style: none;
    text-transform: uppercase;
    position: absolute;

}

nav#nav-menu li{
    display: inline-block;
    padding: 10px;
    margin: 2px;
    transition: background-color 1s;
    color: #33485f;

}
nav#nav-menu li#mIntranet{
    margin: auto auto auto 115px;
}

header#imgintranet{
    float: right;
    position: relative;
    margin: -24px 128px auto auto;
}

nav#nav-menu li.lidomenu{
    padding-left: 40px;
}

nav#nav-menu li:hover{
    color: #eb4b36;

}


nav#nav-menu a {
    color: #33485f;
    text-decoration: none;
}

nav#nav-menu a:hover{
    color: #eb4b36;

}

/* ------------------------------- FIM DO MENU ------------------------------- */
div#tudoimagem{
    margin: auto;
    width: 900px;
}

div#imgCentro{
    background-color: #2d3e51;
    width: 410px;
    height: 215px;
    position: absolute;
    float: right;
    display: block;
    margin-top: -218px;
    margin-left: 400px;
    color: #ffffff;
    padding-left: 10px;
    z-index: 9999;
}

p#mais{
    font-size: 34pt;
    font-weight: bolder;
    color: #908e86;
    background-color: #ecf0f1;
    padding: 5px 20px 5px 20px;
    float: left;
    position: relative;
    margin: -62px 410px;
    text-decoration: none;
}
p#mais a {
    text-decoration: none;
}


/*-------------------------------- NEWS  -------------------------------*/

div#fundodonews{
    background-color: #d4494b ;

}
div#news {
    width: 900px;
    margin: auto;
    margin-top: -4px;
    height: 88px;
}

img#imgCarta{
    float: left;
    margin: 22px;
}

p#pNews{
    color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    float: left;
    margin: 33px 0 0 -20px;
}

form#formNews {
    float: right;
    margin: 22px 20px 0 0;

}


/*------------------------------- ARTIGOS CENTRAIS ------------------------------- */
div#fundodocorpo{
    background-color: #f7f7f7 ;
}
div#corpoindex {
    margin: auto;
    width: 900px;
    height: 270px;
}

h4.titulocentral{
    font-weight: bolder;
    color: #000000;
    letter-spacing: -1pt;
    margin: 20px;
    font-size: 15pt;

}

div.cIndex{
    background-color: #ffffff;
    width: 280px;
    height: 250px;
    margin: 10px;
    float: left;

}

p.pIndex{
    font-family: "quicksand";
    font-size: 12pt;
    color: #969696;
    margin: -15px 10px 0 20px;

}
p#pedacocinza{
    background-color: #f7f7f7;
    height: 10px;
    margin: auto;
    width: 100%;
    display: block;
    float: right;

}


/*------------------------------- INICIO RODAPÉ ----------------------------*/
div#fundodofooter{
    background-color: #132838 ;
}
footer{
    margin: auto;
    width: 920px;
    height: 195px;
}

footer h1{
     font-family: Quicksand;
     font-size: 14pt;
     color: #dadfe6;
 }

footer h2{
    color: #dadfe6;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18pt;
    font-weight: bold;
}

footer h3{
    color: #356d94;
    font-family: Quicksand;
    font-size: 14pt;
    letter-spacing: -1pt;
    font-weight: lighter;
    margin-top: -20px;
}

p#diadasemana{
    margin-top: -40px;
}

div.formatFooter{
    text-align: justify;
    float: left;
    padding: 16px;
    margin: auto;
    position: relative;
}

footer p{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #dadfe6;
    font-size: 8pt;
}

div#fimdepagina{
    background-color: #30a3a7;
    height: 20px;
}
/*FIM DO RODAPÉ */


input.fNews {
    padding: 10px;

}

::-webkit-input-placeholder {
    color: #ffffff;
    font: 12px verdana, arial, sans-serif;
}

:-moz-placeholder {
    color: #ffffff;
    font: 12px verdana, arial, sans-serif;
}

:-moz-placeholder {
    color: #ffffff;
    font: 12px verdana, arial, sans-serif;
}

:-ms-input-placeholder {
    color: #ffffff;
    font: 12px verdana, arial, sans-serif;
}