/**
 * CSS site Telbras
 *
 * @author Luís Dalmolin <luis@escape.ppg.br>
 */


* { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }

body { 
    margin:0px;
    background-repeat:repeat-x }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }

object { margin:0; padding:0 }

img { border:none }

/* tabela */
table { border:none; border-spacing:0px; }
table td, table th { padding:0px }  
td { vertical-align:top }
.td-top { vertical-align:top !important; }
.td-middle { vertical-align:middle !important; }

address { text-decoration:none; font-style:normal }
a { cursor:pointer }
.link:hover, a.link:hover, a.link p:hover { text-decoration:underline !important }

a.cor { color:#4D4D4D; }
a.cor:hover { color:#777 }

.laranja-caminho {color:#F58220; font-weight:bold; font-size:115% !important }

a.cor2 { color: #1A1A1A }
a.cor2:hover { color:#F58220; }

.hide { display:none }


/* tamanhos */
.tam-12 { font-size:12px }
.tam-13 { font-size:13px }
.tam-14 { font-size:14px }
.tam-33 { width:33% }
.tam-50 { width:30% }


/* float */
.float-left  { float:left }
.float-right { float:right }


.left { text-align:left }
.slideshow { position:relative; z-index:0 }

.border { border:1px solid #000 }
.center { text-align:center }
.right { text-align:right }

.sem-espaco { line-height:11px }

p { font-size:12px; }
a { color:#000; text-decoration:none }
h1 { font-size:20px; color:#F7941E; margin:2px 2px 2px 0px }
h1.sub { font-size:16px !important }

h2 { font-size:16px; color:#F7941E; margin:2px 2px 2px 0px }
h2.big { font-size:21px }

h3 { margin:4px 0px 0px 0px }

textarea, input[type=text] { border:1px solid #CCC; padding:3px; margin:0px }
textarea:hover, input[type=text]:hover { border-color:#999 }

form#formOrcamento input, form#formOrcamento textarea { padding:4px }



/* botao */
.botao {
    cursor:pointer }	 
.botao-esquerda {
	background: url(../_img/botao-esquerda.png) no-repeat;
	width:10px }
.botao-repeat {
	background: url(../_img/botao-repeat.png) repeat-x;
	width:auto;
	height:25px;
	line-height:25px; }
	.botao-repeat a {
		color:#fff;
		font-size:13px;
		font-weight:normal;
		text-decoration: none }
		.botao-repeat a:hover { text-decoration: underline }
.botao-direita {
	background: url(../_img/botao-direita.png) no-repeat;
	width:10px }
	
	



/* botão */
.bt-maior {
	clear:both; }
	.bt-maior .bt-maior-left {
		width:11px;
		height:31px;
		float:left;
		background:url(../_img/botao/bt-maior-left.png) no-repeat; }
	.bt-maior .bt-maior-repeat {
		padding:0 6px;
		float:left;
		font-size:20px;
		color:#FFF;
		line-height:31px;
		background:url(../_img/botao/bt-maior-repeat.jpg) repeat-x;
		height:31px; }
		.bt-maior .bt-maior-repeat a {
			text-decoration:none;
			color:#FFF; }
			.bt-maior .bt-maior-repeat a:hover {
				text-decoration:underline; }
	.bt-maior .bt-maior-right {
		width:11px;
		height:31px;
		float:left;
		background:url(../_img/botao/bt-maior-right.png) no-repeat; }
        
        
        
/* botão padrão da telbras */
.bt-telbras {
    position:relative;
    left:-8px;
    display:inline-block;
    background:url(../_img/botao/bt-telbras/bt-telbras-repeat.jpg);
    font-size:15px;
    padding:0 1px;
    line-height:26px;
    color:#FFF;
    text-decoration:none;
    height:26px; }
    .bt-telbras .bt-telbras-left {
        position:absolute;
        width:8px;
        height:26px;
        top:0;
        left:-8px;
        background:url(../_img/botao/bt-telbras/bt-telbras-left.png); }
    .bt-telbras .bt-telbras-right {
        position:absolute;
        width:9px;
        height:26px;
        top:0;
        right:-9px;
        background:url(../_img/botao/bt-telbras/bt-telbras-right.png); }
    .bt-telbras:hover, .bt-telbras:hover .bt-telbras-left, .bt-telbras:hover .bt-telbras-right {
        background-position:bottom; }
        
/* botão com seta no fim */
.bt-seta {
    position:relative;
    display:inline-block;
    background:url(../_img/botao/bt-seta/bt-seta-repeat.jpg);
    font-size:16px;
    padding:0 10px 0 5px;
    line-height:26px;
    color:#FFF;
    text-decoration:none;
    height:26px; }
    .bt-seta .bt-seta-left {
        position:absolute;
        width:8px;
        height:26px;
        top:0;
        left:-8px;
        background:url(../_img/botao/bt-seta/bt-seta-left.png); }
    .bt-seta .bt-seta-right {
        position:absolute;
        width:32px;
        height:26px;
        top:0;
        right:-32px;
        background:url(../_img/botao/bt-seta/bt-seta-right.png); }
    .bt-seta:hover, .bt-seta:hover .bt-seta-left, .bt-seta:hover .bt-seta-right {
        background-position:bottom; }



/* container */
#container {
	position:relative;
	width:100%;
	background-repeat:no-repeat;
	background-position:0px 80px }
	#container #bgs { position:relative; width:955px; margin:0 auto; height:35px; text-align:right; color:#FFF }
	    #container #bgs img { vertical-align:text-top; cursor:pointer; position:relative; top:-20px }
		#container #bgs img.atual { top:-10px }
		#container #bgs img.naoatual { top:-20px }
		
	    #container #bgs span { position:relative; top:5px; font-size:12px }
	
/* content */
#container #content {
	width:955px;
	margin:0 auto; }
	
	
/* banner */
#content #banner {
	position:relative;
	width:984px;
	height:264px;
	background-repeat:no-repeat;
	background-position:left 45px }
    .banner {
        background:url(../_img/barra-banner.png) no-repeat 0px 258px;
        height:260px }
        .banner .logotipo {
            float:left;
            padding:22px 0 0 0; }
            .banner .logotipo img {
                opacity:1.0;
                filter:alpha(opacity=100); }
                .banner .logotipo img:hover {
                    opacity:0.9;
                    filter:alpha(opacity=90); }
    .banner .banner-destaque {
        position:relative;
        overflow:hidden;
        width:500px;
        height:175px;
        margin:70px 80px 0 0;
        float:right; }
        .banner-destaque .titulo-destaque {
            position:absolute;
            font-style:italic;
            color:#C6C6C6;
            right:84px;
            top:-30px;
            font-size:16px; }
            .banner-destaque .titulo-destaque strong {
                font-size:20px;
                font-weight: bold; }
            
                    
	
	
	
/* menu do site */
#content #menu {
	clear:both;
	position:relative;
	top:-4px;
	z-index:4;
	width:955px;
	height:61px;
	background:url(../_img/bg-menu.png) no-repeat;
	border-bottom:1px solid #b0b0b0 }
#menu .menu-site {
	float:left;
	width:auto;
	border:0;
	margin:0;
	border-right:3px solid #FFF;
	height:62px; }
#menu .menu-site ul {
	margin:0;
	padding:0; }
	.menu-site ul li {
		list-style:none;
		float:left; }
		.menu-site ul li a {
			padding:0 12px;
			text-transform:uppercase;
			font-size:14px;
			color:#4D4D4D;
			height:61px;
			line-height:68px;
			display:block; }
			.menu-site ul li a:hover, .menu-site ul li .selecionado {
				background:url(../_img/bg-item-menu.png) repeat-x; }
		.menu-site ul li .menu-treinamentos {
			background:url(../_img/bg-treinamentos.png) repeat-x; }

/* box dos orçamentos */
.box-itens-orcamento {
	margin:3px 0 0 13px;
	float:left;
	width:auto; }
	
/* box das buscas */
.box-busca {
	margin:7px 0 0 0;
	float:right;
	width:190px; }
	.box-busca .formulario {
		border:none;
		background:url(../_img/input.png) no-repeat; 
		height:24px;
		width:138px;
		padding:1px 8px 1px 5px }
	.box-busca label {
		padding:0 0 0 7px;
		display:block;
		font-size:12px;
		margin:0 0 2px 0; }
	
	
	
	
/* conteudo do site */
#content #conteudo {
	position:relative;
	width:955px; }
	#conteudo #localizacao-usuario {
		color:#808080;
		font-size:12px;
		margin:13px 0px 13px 15px; }
		#localizacao-usuario span#caminho { display:none }
		#localizacao-usuario a { color:#808080; }
	
	#conteudo #tabela-conteudo { width:100% }
		#conteudo #tabela-conteudo td.first { width:125px }
		#conteudo #tabela-conteudo td.last  { width:810px; z-index:0 }
	
	
	/* box da esquerda */
	#container #content #conteudo #box-esquerda {
		position:relative;
		width:310px;
		left:-175px;
		height:400px;
		top:13px;
		z-index:8989; }
	
		#container #content #conteudo #box-esquerda .bg {
			position:absolute;
			width:200px;
			height:400px;
			z-index:9999; 
			background-image:url(../_img/bg-box-esquerdo.png);
			background-repeat:no-repeat;
			left:-5px }
	
		#container #content #conteudo #box-esquerda .bg-home {
			position:absolute;
			width:200px;
			height:400px;
			z-index:9999; 
			background-image:url(../_img/bg-box-esquerdo.png);
			background-repeat:no-repeat;
			left:-185px }
	
		#container #content #conteudo #box-esquerda img {
			height:115px;
			position:relative;
			z-index:8888;
			margin-bottom:5px }

	#container #content #conteudo #box-direita { position:relative; left:-140px; width:785px; z-index:0 }
	#rodape-div { width:955px; margin-bottom:10px }
	
	
/* CLASSES */
.titulo { font-size:16px; color:#F7941E; font-weight:bold }




/* 
 * LISTAGEM DOS PRODUTOS  **************************
 */
table.produtos-home { width:600px }
table.produtos-home-interna { width:800px; background:none !important }
table.produtos-relacionados { width:955px }

	.bg-home { background:url(../_img/bg-home.png) right top no-repeat }
	
	table.produtos-relacionados td p,  table.produtos-home td p, table.produtos-home-interna td p { font-size:11px; margin:0px 0px 1px 0px; width:98px }
	table.produtos-relacionados td h3, table.produtos-home td h3, table.produtos-home-interna td h3 { font-size:13px; color:#333333; margin:4px 0px 0px 0px; width:98px }
	
	div.img { height:90px !important; display:table-cell; vertical-align:middle; text-align:center !important; width:110px }
	
	table.produtos-relacionados .miniatura-produto, table.produtos-home .miniatura-produto, table.produtos-home-interna .miniatura-produto { width:120px !important; vertical-align:top; 
	padding:0px 10px 0px 0px; text-align:center }
	
	/* interna */
	table.produtos-home-interna .miniatura-produto { width:130px !important; padding-right:20px	}
	table.produtos-home-interna td p, table.produtos-home-interna td h3 { width:130px }
	div.img { width:130px }
	
	.botao-troca { width:120px; vertical-align:top; padding:0px 6px 0px 0px; text-align:left }
	   .botao-troca img { position:relative; left:12px; top:-4px }
	   
	
	.miniatura-produto img.min { margin-top:8px; margin-bottom:8px; text-align:center; }
	.miniatura-produto .img {
		height:80px; }
	.miniatura-produto .descricao-chamada-produto {
		height:90px; }
	.miniatura-produto .acoes-chamada-produto { }
	

	
.rodape p, .rodape a { color:#333333; font-size:11px }
    .rodape .barra { position:relative; margin-right:4px; margin-left:4px }
	
.sem-margem { margin:0px }
.breve-descricao { margin:0px 0px 5px 0px !important; font-size:11px !important }

.laranja { color:#F58220; font-weight:bold }

input.quantidade { font-size:10px; width:25px; padding:1px; text-align:center }
input.contato, textarea.contato, select.contato { border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:250px; padding:2px }
textarea.contato:hover { border-color:#999 }

table.orcamento { border-spacing:0px; }
table.orcamento td { font-size:12px; vertical-align:middle }

table.contato { margin-right:0px; width:400px }
table.contato td { font-size:12px; padding:1px; vertical-align:middle }


table.tabela-busca { width:100% }
table.tabela-busca td { vertical-align:middle; }

.descricao-categoria { font-weight:bold; margin:0px; padding-top:10px; font-size:15px; width:100%; text-align:center; 
background-image:url(../_img/bg-descricao-categoria.png); background-repeat:no-repeat }

/* background-position:220px 104px; */
.bg-troca-categoria { background-image:url(../_img/bg-troca-home.png); background-position:right bottom; background-repeat:no-repeat }

.erro-formulario, span.error { color: red }

.barra-total { width:955px; height:20px; background-image:url(../_img/barra.png); background-position:0px 8px; background-repeat:no-repeat  }
.barra-metade { width:785px; height:20px; background-image:url(../_img/barra.png); background-position:0px 8px; background-repeat:no-repeat  }

.itens-orcamento { background-image:url(../_img/itens-orcamento.png); background-repeat:no-repeat; width:160px; height:39px;
text-align:right; font-size:11px; padding:15px 20px 0px 0px }

p.titulo-orcamento, h3.titulo-orcamento { color:#000; font-size:12px; margin:0px; font-weight:bold }
.descricao-orcamento { color:#000; font-size:10px; margin:0px }
p.espaco-orcamento { position:relative; margin:0px 0px 7px 0px }
.padding-lateral { padding:0px 20px !important }
.label-topo { width:100px !important }

.clientes { width:100%; border-spacing:0px }
  .clientes td { vertical-align:middle !important; padding:10px; text-align:center }

.hidden { display:none}
.justificado { text-align:justify }

.produto-quantidade { position:relative; float:left; font-size:12px; width:35%; margin-top:7px }
.produto-adicionar { position:relative; float:right; font-size:12px; width:65%; text-align:left  }
  .produto-adicionar img { margin-right:8px }
  
 /* tooltip */
#tooltip {
	position: absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	border: none;
	background-color: #CCC;
	padding: 4px 7px;
	color: #333;
	display: none;
	z-index: 3001;
}
.thumb { cursor:pointer }


/* videos */
.titulo-video { color:#EF8020; font-size:16px; text-transform:uppercase; margin:0 0 6px 0 }
.box-video { margin:3px 0 12px; border-top:1px solid #ADADAD }

.miniatura-video { padding:3px !important; background:#EF8020; float:left; width:auto; margin:0 3px 0 0 }
.miniatura-video:hover { background:#F49F60 }
.miniatura-video a { margin:0 !important; padding:0 !important; line-height:0 }

.link-canal-youtube { float: right; width: 75px; text-align: center; margin: 7px 0 5px 0 }
.link-canal-youtube a { color:#EF8020 }
.link-canal-youtube a:hover { text-decoration:underline }
.link-canal-youtube p { line-height:14px; margin:0 0 5px; font-size:14px; color:#EF8020 }

#div-video {
	 background: #EF8020 !important;
	 top:0px;
	 left:50px;
	 padding:2px;
	 display: none;
	 position: absolute;
	 width: 512px;
	 z-index: 9999999 !important; }
	 #div-video .control { margin:2px 7px 0 0; padding:0 }
	 #div-video .control a { font-size: 12px; color:#FFF }
	 #div-video .control a:hover { text-decoration: underline }
	 
	

/* detahles */
a.detalhes-produto, .detalhes-produto {
	width:72px;
	height:17px;
	line-height:17px;
	background:url(../_img/detalhes.jpg) no-repeat;
	text-align:center;
	color:#FFF;
	font-size:11px;
	float:left;
	margin:0 2px 0 9px;
}
a.detalhes-produto:hover { background-position:bottom; line-height:18px; }

a.adicionar-orcamento {
	width:21px;
	height:17px;
	line-height:17px;
	font-size:10px;
	color:#FFF;
	float:left;
	text-decoration:none;
	background:url(../_img/adicionar-orcamento.jpg) no-repeat;
}
a.adicionar-orcamento:hover { background-position:bottom }



/* pesquisa de satisfação */
.pesquisa-satisfacao h1 {
	color:#EF8020;
	margin:0 0 25px 0;
	font-size:16px;
	font-weight:bold; }
.pesquisa-satisfacao h3 {
	margin:0 0 20px 0;
	font-size:20px;
	font-style:italic;
	font-weight:bold; }
.pesquisa-satisfacao p {
	font-size:13px;
	line-height:19px; }
	
.pesquisa-satisfacao .informacoes-pessoais {
	font-size:12px;
	margin:0 0 25px 0; }
	.informacoes-pessoais label {
		margin:0 20px 0 0; }
		.informacoes-pessoais label input[type=text] {
			font-size:12px;
			padding:2px;
			width:180px; }
	
.pesquisa-satisfacao .box-pesquisa {
	background:#ECECEC;
	margin:0 0 20px 0; }
.box-pesquisa .topo {	
	border-bottom:2px solid #FFF; }
	.box-pesquisa .topo .titulo-pesquisa {
		float:left;
		width:auto; }
		.topo .titulo-pesquisa h2 {
			margin:8px 0 0 15px;
			color:#000;
			font-weight:bold;
			font-size:30px;
			text-transform:uppercase; }
	.box-pesquisa .topo-votos {
		float:right;
		width:auto; }
		.topo-votos .nota {
			border-left:2px solid #FFF;
			border-bottom:6px solid #39AF4A;
			text-align:center;
			float:left;
			font-size:18px;
			height:48px;
			line-height:48px;
			font-weight:bold;
			width:90px; }
			
.box-pesquisa .perguntas {}
	.box-pesquisa .pergunta {}
		.pergunta .titulo-pergunta {
			padding:0 0 15px 0;
			line-height:18px;			
			float:left;
			width:auto; }
			.pergunta .titulo-pergunta h5 {
				font-weight:normal;
				margin:15px 0 0 15px;
				font-size:14px; }
				
.perguntas .topo-votos .nota {
	padding:0 0 15px 0;
	margin:0;
	height:auto !important;
	border-bottom:none; }
	.perguntas .topo-votos .nota label {
		padding:0 0 5px 0;
		display:block; }
		.perguntas .topo-votos .nota label input {
			margin:0 !important; }
			
			

/* mensagens e erros */
.message {
	margin:0 0 20px 0;
	font-size:14px; }
.alerta {
	color:red; }
.sucesso {
	color:green; }


/* colortip */
.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	display:none;
	position:absolute;	
	left:50%;
	top:-35px;
	padding:6px;
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}
.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}
.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}
/* 6 Available Color Themes */
.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#555555;
}
.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
}
.blue .pointyTip{ border-top-color:#d9f1fb;}
.blue .pointyTipShadow{ border-top-color:#7fcdee;}
.blue .colorTip{
	background-color:#d9f1fb;
	border:1px solid #7fcdee;
	color:#1b475a;
}
.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
	background-color:#f2fdf1;
	border:1px solid #b6e184;
	color:#558221;
}
.red .pointyTip{ border-top-color:#bb3b1d;}
.red .pointyTipShadow{ border-top-color:#8f2a0f;}
.red .colorTip{
	background-color:#bb3b1d;
	border:1px solid #8f2a0f;
	color:#fcfcfc;
	text-shadow:none;
}
.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#333;
	border:1px solid #111;
	color:#fcfcfc;
	text-shadow:none; }
	
	
	
	
/* chamada da pesquisa de satisfação */
.chamada-pesquisa {
	display:none;
	background:url(../_img/bg-pesquisa-inicial.jpg) repeat-x;
	height:43px;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:99990; }
	.chamada-pesquisa .pesquisa-centro {
		background:url(../_img/bg-pesquisa-inicial-2.jpg) repeat-x;
		top:1px;
		height:32px;
		width:943px;
		padding:10px 10px;
		position:relative;
		margin:0 auto; }
		.pesquisa-centro .float-left {
			width:570px; }
		.pesquisa-centro .float-right {
			width:350px; }
		.pesquisa-centro .bt-maior {
			margin-top:-3px; }
		.pesquisa-centro .img-seta {
			position:relative;
			top:3px; }
		.fechar-pesquisa {
			top:0px;
			font-size:13px;
			position:absolute;
			right:0px;
			margin:13px 13px 0 0; }
			.fechar-pesquisa a {
				color:#000; }
			.fechar-pesquisa a:hover {
				text-decoration:underline; }
				
				
				
/* listagem de produtos */
.listagem-produtos { }
.listagem-produtos .miniatura-produto {
	float:left;
	width:110px;
	vertical-align:top; 
	padding:0px 10px 0px 0px;
	text-align:center; }
	
	.miniatura-produto img.min { margin-top:8px; margin-bottom:8px; text-align:center; }
	.miniatura-produto .img {
		height:80px; }
	.miniatura-produto .descricao-chamada-produto {
		height:90px; }
		.listagem-produtos .descricao-chamada-produto p {
			font-size:11px;
			margin:0px 0px 1px 0px;
			width:98px }
		.listagem-produtos .descricao-chamada-produto h3 { 
			font-size:13px; color:#333333;
			margin:4px 0px 0px 0px;
			width:98px }

.listagem-produtos-bg {
	background:url(../_img/bg-home.png) top right no-repeat; }
.listagem-produtos-bg .botao-troca {
	float:right;
	width:110px;
	vertical-align:top;
	padding:0px 6px 0px 0px;
	text-align:left }
    .listagem-produtos-bg .botao-troca img {
		left:4px;
		position:relative;	
		top:2px }