@charset "utf-8";
 /* 
    NOME DA EMPRESA - www.url_empresa.com
    ************************************
    Design Created by: 
    Programmer: 
    Country: Brasil
    Last CSS update: Month, day of year
    ************************************
    This comment pattern in this file was inspired/copied from
    Revolu��o ETC website - www.revolucao.etc.br - by Henrique Costa Pereira
    
    Este padr�o de coment�rio no arquivo CSS foi inpirado/copiado
    do site REVOLU��O ETC - www.revolucao.etc.br do Henrique Costa Pereira.
    ************************************
*/

*, html {
    margin: 0;
    padding: 0;
    }

html {
    background: #fff;
    }

body {
    background: #fff;
    font: 0.8em/1.4em "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    margin: 0 auto;
    }


#bt_contato img {
	border: none;
}


h3#cat_pdf_tit {
	border-width: 0 0 1px 0;
	border-color: silver;
	border-style: solid;
	font-size: 18px;
	width: 500px;
}

div.cat_pdf {
	margin: 5px 0;
	border: 1px dashed silver;
	padding: 5px 5px 5px 55px;
	background: url(../imagens/pdf.jpg) top left no-repeat white;
}


/*..... CONTAINER .....*/
/***********************************************************/

#container {
    position: relative;
    width: 780px;
    margin: 0 auto;
    background: #ededed;
    }

#header {
    position: relative;
    width: 780px;
    height: 102px;
    }

h1.sitename {
    position: absolute;
    width: 780px;
    height: 102px;
    background: #171411 url("../imagens/fundos/topo.jpg") no-repeat;
    border-bottom: 7px solid #f1ee00;
    }

h1.sitename a {
    position: absolute;
    top: 20px;
    left: 45px;
    display: block;
    width: 154px;
    height: 56px;
    text-indent: -9999999px;
    overflow: hidden;
    background: url("../imagens/logos/set.jpg") no-repeat;
    }

form#search {
    position: absolute;
    top: 30px;
    right: -45px;
    width: 270px;
    display: none;
    }

form#search fieldset {
    border: 0;
    }

form#search legend {
    display: none;
    }

form#search label {
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: -1px;
    color: #fff;
    }

form#search input {
    width: 138px;
    font-size: 10pt;
    font-weight: normal;
    color: #000;
    background: #b8b7b6;
    border: none;
    }

form#search input#btn-busca {
    display: block;
    width: 25px;
    height: 18px;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
    background: #727170;
    border: none;
    margin: -19px 32px 0 0;
    float: right;
    }

html>body form#search input#btn-busca {
    margin: -18px 64px 0 0;
    }

ul#navigation {
    position: absolute;
    top: 68px;
    right: 0;
    list-style: none;
    }

ul#navigation li {
    display: block;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-right: 5px;
    float: left;
    }

ul#navigation li a {
    display: block;
    width: 85px;
    height: 27px;
    color: #fff;
    text-decoration: none;
    background: url("../imagens/fundos/menu_item.jpg") 0 0 no-repeat;
    padding-top: 7px;
    }

ul#navigation li a:hover {
    color: #000;
    background: url("../imagens/fundos/menu_item.jpg") 0 -34px no-repeat;
    }

ul#navigation li a.selected {
    color: #000;
    background: url("../imagens/fundos/menu_item.jpg") 0 -34px no-repeat;
    }

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


/*..... LOGOS .....*/
/***********************************************************/

#logos {
    position: relative;
    width: 780px;
    height: 185px;
    margin: 7px 0 0 0;
    background: #478f99 url("../imagens/fundos/logos.jpg") no-repeat;
    }

#logos p.slogan {
    display: block;
    width: 227px;
    height: 65px;
    font-size: 14pt;
    color: #fff;
    margin: 0 0 0 266px;
    padding: 47px 0 0 0;
    }

#logos p a {
    display: block;
    width: 160px;
    height: 33px;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    line-height: 15px;
    color: #F1EE01;
    margin: 5px 0 0 335px;
    }

#logos p a:hover {
    color: #000;
    }

#logos p a img {
    border: none;
    }

#logos ul#partners {
    position: absolute;
    top: 21px;
    left: 39px;
    list-style: none;
    width: 170px;
    }

#logos ul#partners li {
    display: block;
    width: 74px;
    height: 38px;
    margin: 0 10px 10px 0;
    float: left;
    }

#logos ul#partners li a img {
    border: none;
    }

#logos #prod_promocoes {
	display: block;
	width: 161px;
	height: 52px;
	float: right;
	margin: 55px 15px 0 0;
}

#logos #prod_promocoes img {
	border: none;
}

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



/*..... SIDEBAR .....*/
/***********************************************************/

#sidebar {
    width: 230px;
    margin: 0 0 10px 0;
    float: left;
    }

#sidebar p.title {
    display: block;
    font-size: 10pt;
    color: #fff;
    background: #3a3a3a;
    padding: 18px 0 15px 50px;
    }

#sidebar a.product-demo {
    display: block;
    width: 188px;
    height: 107px;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #5c4f1d;
    background: #f3c200 url("../imagens/fundos/demo.jpg") no-repeat;
    margin: 28px auto;
    }

#sidebar a.product-demo:hover {
    color: #000;
    }

#sidebar a.product-demo span {
    display: block;
    cursor: pointer;
    width: 125px;
    line-height: 15px;
    margin: 0 0 0 60px;
    padding: 28px 0 0 0;
    }

#sidebar img {
    margin: 10px 0 0 10px;
}

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



/*..... CONTENT .....*/
/***********************************************************/

#content {
    width: 350px;
    margin: 0 0 10px 0;
    padding-top: 20px;
    float: left;
    }

#content #spot {
    width: 301px;
    height: 236px;
    margin: 0 auto;
    background: #043856 url("../imagens/fundos/spot.jpg") no-repeat;
    }

#content #spot a {
color: white;
    }

#content #spot h2 {
    width: 100px;
    font-size: 14pt;
    font-weight: normal;
    line-height: 25px;
    color: #fff;
    padding: 50px 0 0 140px;
    }

#content #spot h2 span {
    display: block;
    font-size: 10pt;
    font-weight: bold;
    line-height: 15px;
    margin-top: 10px;
    width: 146px;
    }

#content #spot p {
    width: 250px;
    font-size: 9pt;
    letter-spacing: -1px;
    color: #cacaca;
    line-height: 15px;
    padding: 12px 0 0 20px;
    }

#content #spot a.more {
    display: block;
    width: 80px;
    font-size: 9pt;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #f1ee00;
    margin: 3px 0 0 190px;
    }

#content #spot a.more:hover {
    color: #fff;
    }

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



/*..... NEWS .....*/
/***********************************************************/

#news {
    width: 200px;
    margin: 0 0 10px 0;
    float: left;
    }

#news h2 {
    font-size: 9pt;
    text-transform: uppercase;
    color: #a4721d;
    background: url("../imagens/fundos/h2_news.jpg") left center no-repeat;
    margin: 20px 0 0 0;
    padding-left: 28px;
    }

#news img {
    margin: 15px 15px 0 15px;
    }

#news P {
    font-size: 8pt;
    line-height: 16px;
    color: #000;
    margin: 5px 15px 0 15px;
    }

#news p a {
    text-decoration: none;
    color: #a97a2b;
    }

#news p a:hover {
    text-decoration: none;
    color: #000;
    }

#news ul {
    list-style: none;
    font-size: 10pt;
    font-weight: bold;
    line-height: 16px;
    margin: 15px 15px 0 15px;
    }

#news ul li {
    margin-bottom: 10px;
    }

#news ul li a {
    text-decoration: none;
    color: #042132;
    }

#news ul li a:hover {
    color: #000;
    }

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



/*..... FOOTER .....*/
/***********************************************************/

#footer {
    width: 780px;
    background: #808080;
    clear: both;
	margin-top: 20px;
    }

#footer address {
    display: block;
    width: 660px;
    height: 45px;
    font-size: 8pt;
    font-style: normal;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    float: left;
    }

#footer address span.tel {
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    margin-right: 5px;
    }

#footer address span a {
    font-size: 10pt;
    font-style: normal;
    color: #fff;
    margin-right: 5px;
    }

#footer address span a:hover {
    color: #000;
    }

#footer a.developer {
    display: block;
    width: 120px;
    height: 35px;
    font-size: 8pt;
    text-align: center;
    color: #ccc;
    background: #4f4f4f;
    padding-top: 15px;
    float: left;
    }

#footer a.developer:hover {
    color: #fff;
    }

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



/*..... VCARD .....*/
/***********************************************************/

.vcard {
    display: none;
    }

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

/*..... CLEAR-FIX .....*/
/***********************************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {
    display: inline-block;
    }

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
    }
    
.clearfix {
    display: block;
    }
/* End hide from IE-mac */

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