﻿@charset "utf-8";
/* CSS Document */

body, html {
	background:#FFF url(img/bg.gif) 0 0 repeat-x;
	height:100%;
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:10px;
	cursor:default;
	text-align:justify;
}
img {
	border:none;
}
h1 {
	font-size:18px;
	padding:4px 4px;
	margin:2px;
}
h2 {
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:20px;
	padding:4px 4px;
	margin:2px;
	display:block;
	text-align:center;
	border:1px solid #CCC;
	border-left:none;
	border-right:none;
}
h3 {
	font-family:Tahoma;
	font-size:13px;
	padding:0;
	margin:0;
}
h4 {
	font-size:11px;
	color:#229FF3;
	display:block;
	border-bottom:1px dotted #F0F0F0;
	padding:2px;
	margin:2px;
}
p {
	padding: 0 0 1em;
}


a {
	text-decoration:none;
	color:#09F;
}
a:hover {
	color:#06C;
}
a:active {
	color:#06F;
}
a.disabled,
a.disabled:hover {
	color:#999;
	cursor:default;
}
h3 {
	padding:4px;
	margin:4px 0px;
	font-size:14px;
	color:#069;
	border-bottom:1px solid #CCC;
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif;
}

#wrapper {
	display:block;
	width:811px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	display:block;
	width:100%;
	height:107px;
	background:url(img/topo-bg.png) 0 0 no-repeat;
}

.ie6-box {
	border:1px solid #CCC;
	margin:2px;
	padding:6px;
	text-align:justify;
}
.ie6-box .ie6-box-left {
	width:60%;
	float:left;
	padding-right:4px;
	border-right:1px dotted #CCC;
}
.ie6-box .ie6-box-left .title {
	font-size:12px;
	font-weight:bold;
}

img#logo,
img#logo-corp {
	background:url(img/logo-topo.png) center 0 no-repeat;
	width:228px;
	height:70px;
	margin:20px 12px;
	margin-right:4px;
	text-decoration:none;
}
img#logo-corp {
	background:url(img/logocorp-topo.png) center 0 no-repeat;
}
#header #toolbox {
	right:0px;
	bottom:20px;
	margin-right:10px;
	position:fixed;
	background:#FFF;
	padding:4px;
	border:1px solid #CCC;
}
#topmenu a,
#topmenu a.topmenu-bigitem {
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-size:11px;
}
#topmenu a {
	color:#069;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:40px 6px;
	float:left;
	width:76px;
	text-align:center;
}
#topmenu a.topmenu-bigitem {
	color:#069;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:40px 6px;
	float:left;
	width:96px;
	text-align:center;
}
#topmenu a:hover,
#topmenu a.topmenu-bigitem:hover {
	color:#06C;
	background:url(img/topmenu-bg.png) 0 0 repeat-x;
}
#topmenu span.off {
	color:#999;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	
	padding:40px 18px;
	float:left;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
}
img#separador-ver {
	background:url(img/separador-ver.png) 0 0 no-repeat;
	width:5px;
	height:100px;
}

#conteudo {
	display:block;
	width:770px;
	background:url(img/conteudo-bg.png) 0 0 repeat-y;
	padding:2px 20px;
}
#rodape {
	display:block;
	background:url(img/rodape-bg.gif) 0 0 no-repeat;
	height:120px;
	font-size:9px;
	text-align:center;
	padding:6px;
}

.div-aut {
	width:240px;
	width:30%;
	float:left;
	margin:6px;
	padding:4px;
	border:1px solid #CCC;
	background:#FFF;
}
.div-aut img {
	float:left;
}
.div-aut h3 {
	border-bottom:1px solid #EEE;;
	margin-bottom:2px;
}
h3.separador {
	background:url(img/separador-hor.gif) 0 7px no-repeat;
}

input[type=text],
input[type=password],
textarea {
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:10px;
	border:1px solid #666;
	background:#FFF;
	color:#333;
	padding:2px;
	margin:2px;
}
input[type=text]:hover,
input[type=password]:hover {
	background: #F4F4F4;;
}
input[type=button],
input[type=submit],
input[type=reset],
.btn {
	color:#333;
	background:#EBEBEB;
	font-size:11px;
	padding:4px;
	margin:2px;
	border:1px solid #333;
	cursor:pointer;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover{
	background:#FBFBFB;
}

.table {
	background:#FFF;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.table td {
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px;
}
.table .title {
	font-size:10px;
	color: #666;
	background: #E5E5E5;
}

.frase {
	font-size:10px;
	color:#999;
	padding:4px 32px;
	display:block;
	text-align:justify;
}

#flash-l1 {
	margin:16px;
	float:left;
}

.imagem1 {
	background:#FFF;
	border:1px solid #999;
	margin:4px;
	padding:1px;
}
.menutop {
	color:#999;
}
.texto {
	text-align:justify;
}
.ds {
	color:#999;
	font-size:90%;
}
.telefone,
.fax {
	display:block;
	font-size:22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:16px 36px 16px 60px;
	float:left;
	margin:2px;
}
.telefone span,
.fax span {
	font-size:11px;
	position:absolute;
	margin-top:-18px;
	letter-spacing:1px;
}
.telefone {
	background:url(img/telefone.jpg) 0 0 no-repeat;
}
.fax {
	background:url(img/fax.jpg) 0 0 no-repeat;
}
h4.email {
	background:url(img/email.jpg) 0 0 no-repeat;
	padding-left:22px;
}
.comochegar {
	display:block;
	background: url(img/comochegar.jpg) 8px 0 no-repeat;
}
.FlashObj {
	border:1px solid #8B8B8B;
	background:#FFF;
}
#fla-destaques .title {
	background:#8B8B8B url(img/title-box-gray.gif) 0 0 repeat-x;
	display:block;
	color:#FFF;
	padding:0px 6px;
	line-height:20px;
	text-transform:uppercase;
	font-size:9px;
	text-align:left;
}
.box-all {
	border:1px solid #CCC;
	display:block;
	float:left;
	margin:4px;
}

.box-inst {
	border:1px solid #CCC;
	width:370px;
	display:block;
	float:left;
	height:82px;
	margin:4px;
}
.box-inst .box-text,
.box-all .box-text {
	padding:4px;
	display:block;
	text-align:justify;
}
.box-inst .box-title,
.box-all .box-title {
	display:block;
	background:#07A8FE url(img/title-box.gif) 0 0 repeat-x;
	padding:0px;
	margin:1px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
}
.box-inst .box-title span,
.box-all .box-title span {
	display:block;
	padding:5px 18px;
	background:url(img/title-box-arrow.gif) 0 0 no-repeat;
}


#assistencia-vmenu {
	width:190px;
	display:block;
	margin:2px;
	float:left;
}
#assistencia-vmenu ul {
	list-style:none;
	margin:2px;
	padding:0;
	border:1px solid #F0F0F0;
}
#assistencia-vmenu ul li {
	margin:0;
	padding:0;
	background:url(img/vmenu-bg.gif) 0 bottom repeat-x;
}
#assistencia-vmenu ul li a {
	margin:0;
	padding:5px 22px;
	display:block;
	background:url(img/vmenu-arrow.png) 4px 4px no-repeat;
}

#assistencia-conteudo {
	border:1px solid #F0F0F0;
	padding:2px;
	display:block;
}


ul#vmenu {
	list-style:none;
	margin:2px;
	padding:0;
	border:1px solid #F0F0F0;
}
ul#vmenu li {
	margin:0;
	padding:0;
	background:url(img/vmenu-bg.gif) 0 bottom repeat-x;
}
ul#vmenu li a {
	margin:0;
	padding:5px 22px;
	display:block;
	background:url(img/vmenu-arrow.png) 4px 4px no-repeat;
}
ul#vmenu ul {
	border:none;
	border-bottom:1px solid #F0F0F0;
}
ul#vmenu ul li {
	background:#FFF;
	display:block;
	padding-left:12px;
}
ul#vmenu ul li a {
	background:url(img/vmenu-sub-arrow.png) 4px 4px no-repeat;
}

ul.lista {
	margin:2px;
	padding:0;
	list-style:none;
}
ul.lista li {
	padding:1px 16px;
	background:url(img/arrow2.jpg) 0px 0px no-repeat;
}
ul.lista li .title {
	font-weight:bold;
}

.msg_list {
margin: 0px;
padding: 0px;
width: 570px;
}
.msg_head {
	padding: 5px 22px;
	cursor: pointer;
	position: relative;
	background:url(img/vmenu-arrow.png) 4px 4px no-repeat;
	margin:1px;
	border-bottom:1px solid #F0F0F0;
	font-size:11px;
	font-weight:bold;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}

.readon {
	padding:2px 6px;
	border:1px solid #F0F0F0;
}

.fieldset {
	border:1px solid #CCC;
	margin:4px 0px;
	padding: 4px 8px;
}
.fieldset .legend {
	position:absolute;
	margin-top:-12px;
	padding:1px 3px; 
	background:#FFF;
	font-weight:bold;
}

input.error,
textarea.error {
	border:1px solid #FF8C8C;
	display:block;
	background:#FFFBFB;
}
label.error {
	color: #CC0000;
}

.menu-top {
	margin:2px;

}
.menu-top a {
	padding:4px;
}

.img-link {
	padding:3px;
	margin:6px;
	border:3px solid #CCE4EE;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
}
.img-link:hover {
	border:3px solid #06C;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
}

.img-foto {
	padding:1px;
	border:1px solid #666;
	display:block;
	margin:2px 6px;
	float:left;
}
.img-foto span {
	display:block;
	color:#666;
	padding:2px; 
	font-style:italic;
}

#bottom #bottom-fab {
	width:70%;
	display:block;
	float:left;
	padding-right:8px;
	border-right:1px dotted #CCC;
}

div#qTip {
 padding: 5px;
 border: 1px solid #666;
 display: none;
 background: #FFFCEA;
 color: #000;
 font: 9px Tahoma, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}


#frmLoginExtranet {
	border:1px solid #CCC;
	padding:6px;
	background:url(img/login_cadeado.gif) bottom right no-repeat;
}








/* slider */

#slider {
    width: 720px; /* important to be same as image width */
    height: 220px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	border:1px solid #666;
	border-top:none;
}
#sliderContent {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 720px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul {
	list-style:none;
	padding:0;
	margin:0;
}
/* end slider */

/* enquete */
#container {
	border:1px solid #666;
	border-top:none;
	height:220px;
	position:relative;
}
#pollcontainer {
	display:block;
	text-align:left;
	position:relative;
	height:100%;
	width:254px;
}
#pollcontainer span.pollques {
	text-align:left;
	padding:6px;
	background:#2B313C url(img/title-poll.gif) 0 bottom repeat-x;
	color:#CCC;
	font-size:11px;
	line-height:12px;
	display:block;
}
#loader{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
}

#formcontainer {
	position:relative;
}
.btnSubmit {
	position:absolute;
	bottom:0;
	left:0;
}
.btnSubmit input {
	margin:0;
}
.btnResults {
	position:absolute;
	bottom:0;
	right:0;
}
#pollform .option-radio {
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#pollform .option-radio input {
	display:block;
	float:left;
}
#pollform .option-radio label {
	display:block;
	margin-left:25px;
	padding-top:1px;
}
.option{ margin:5px; }
.option span{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; padding:2px 0px; }
.bar{ height:10px; background:#3399cc url(img/poll-bar.gif) 0 0 repeat-x; }
.yourvote{ background:#113399; }
.total {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	padding:1px 4px;
	color:#666;
}
/* end enquete */

/* FABRICANTES RODAPÉ */
#rodape .div-v {
	background:url(img/rodape/html/div-v.png) 0 0 no-repeat;
}
#rodape .div-h {
	background:url(img/rodape/html/div-h.png) 0 0 no-repeat;
}
#rodape .amazonpc img {
	display:block;
	width:116px;
	height:46px;
	background:url(img/rodape/html/amazonpc.png) 0 0 no-repeat;
}
#rodape a.amazonpc:hover img {
	background:url(img/rodape/html/amazonpc_h.png) 0 0 no-repeat;
}
#rodape .bematech img {
	display:block;
	width:124px;
	height:40px;
	background:url(img/rodape/html/bematech.png) 0 0 no-repeat;
}
#rodape a.bematech:hover img {
	background:url(img/rodape/html/bematech_h.png) 0 0 no-repeat;
}
#rodape .epson img {
	display:block;
	width:103px;
	height:46px;
	background:url(img/rodape/html/epson.png) 0 0 no-repeat;
}
#rodape a.epson:hover img {
	background:url(img/rodape/html/epson_h.png) 0 0 no-repeat;
}
#rodape .itautec img {
	display:block;
	width:112px;
	height:40px;
	background:url(img/rodape/html/itautec.png) 0 0 no-repeat;
}
#rodape a.itautec:hover img {
	background:url(img/rodape/html/itautec_h.png) 0 0 no-repeat;
}
#rodape .cce img {
	display:block;
	width:112px;
	height:46px;
	background:url(img/rodape/html/cce.png) 0 0 no-repeat;
}
#rodape a.cce:hover img {
	background:url(img/rodape/html/cce_h.png) 0 0 no-repeat;
}
#rodape .sti img {
	display:block;
	width:130px;
	height:40px;
	background:url(img/rodape/html/semptoshiba.png) 0 0 no-repeat;
}
#rodape a.sti:hover img {
	background:url(img/rodape/html/semptoshiba_h.png) 0 0 no-repeat;
}
#rodape .nova img {
	display:block;
	width:85px;
	height:46px;
	background:url(img/rodape/html/nova.png) 0 0 no-repeat;
}
#rodape a.nova:hover img {
	background:url(img/rodape/html/nova_h.png) 0 0 no-repeat;
}
#rodape .intelbras img {
	display:block;
	width:100px;
	height:40px;
	background:url(img/rodape/html/intelbras.png) 0 0 no-repeat;
}
#rodape a.intelbras:hover img {
	background:url(img/rodape/html/intelbras_h.png) 0 0 no-repeat;
}
#rodape .positivo img {
	display:block;
	width:126px;
	height:36px;
	background:url(img/rodape/html/positivo.png) 0 0 no-repeat;
}
#rodape a.positivo:hover img {
	background:url(img/rodape/html/positivo_h.png) 0 0 no-repeat;
}
#rodape .elgin img {
	display:block;
	width:126px;
	height:38px;
	background:url(img/rodape/html/elgin.png) 0 0 no-repeat;
}
#rodape a.elgin:hover img {
	background:url(img/rodape/html/elgin_h.png) 0 0 no-repeat;
}
#rodape .firstline img {
	display:block;
	width:126px;
	height:30px;
	background:url(img/rodape/html/firstline.png) 0 0 no-repeat;
}
#rodape a.firstline:hover img {
	background:url(img/rodape/html/firstline_h.png) 0 0 no-repeat;
}
#rodape .sim img {
	display:block;
	float:left;
	width:68px;
	height:40px;
	background:url(img/rodape/html/sim.png) 0 0 no-repeat;
}
#rodape a.sim:hover img {
	background:url(img/rodape/html/sim_h.png) 0 0 no-repeat;
}
#rodape .neopc img {
	display:block;
	width:58px;
	height:40px;
	background:url(img/rodape/html/neopc.png) 0 0 no-repeat;
}
#rodape a.neopc:hover img {
	background:url(img/rodape/html/neopc_h.png) 0 0 no-repeat;
}
/* //FABRICANTES RODAPÉ// */
