@charset "utf-8";
/* CSS Document */
@import url("main.css");
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
}

p {
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin: 10px 0 15px 0;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #000;
}
#bg {
/*	background: url(../images/bg-rodape.jpg) center bottom no-repeat;*/
	width: 100%;
}
#main {
	position:relative;
	width: 940px;
	margin: 0 auto;
	
}
#flash {
	width: 940px;
	height: 352px;
	background: url(../images/flash-bg.jpg) top left no-repeat;
}
#conteudo {
	width: 940px;
	height: 240px;
	margin: 0 0 10px 0;
}

.boxl, .boxr {
	width: 313px;
}

#sac a{
	margin-left:50px;
}

.boxc {
	float: left;
	width: 290px;
	padding: 0 10px 0 10px;
}
.boxl {
	float: left;
}
.boxr {
	float: left;
}

#sac{
	width:576px !important;
}

#sac a{
	float:left !important;
	width:auto;
	display:block !important;
}

#audio-conf, #web-conf, #eventos {
	height: 240px;
}
#audio-conf {
	background: #fff url(../images/bg-audio.jpg) right 31px no-repeat;
		border-right: 1px dotted #999;
}
#web-conf {
	background: #fff url(../images/bg-web.jpg) right 31px no-repeat;
		border-right: 1px dotted #999;
}
#eventos {
	background: #fff url(../images/bg-eventos.jpg) right 31px no-repeat;
}
#web-conf h1 {
	background:url(../images/web-conf.jpg) top left no-repeat;
	margin-right: -1px;
}
#audio-conf h1 {
	background:url(../images/audio-conf.jpg) top left no-repeat;
	margin-right: -1px;
}
#eventos h1 {
	background:url(../images/eventos.jpg) top left no-repeat;
}
#conteudo h1 {
	width: 310px;
	height: 31px;
	text-indent: -9999px;
}
#conteudo h2 {
	width: 100%;
	height: 65px;
	text-indent: -9999px;
	
}
#web-conf h2, #eventos h2 {
	height: 90px;
}
#audio-conf p.add {
	margin: 0 0 35px 12px;
}
#conteudo p {
	width: 175px;
	margin: 0 0 5px 12px;
}
#conteudo ul {
	margin: 10px 0 0 12px;
}
#conteudo-interno ul {
	margin: 15px 0 0 0;
}
li.link, li.link-2, li.link-3, .link-solicite { _width: 156px; _height: 30px; }


li.link-2 {  _padding-top: 15px }
.link a, .link-2 a, .link-3 a, .link-solicite a {
	width: 136px;
	height: 27px;
	background: url(../images/btn-link.jpg) left top no-repeat;
	padding: 3px 0 0 45px;
	margin: 10px 0 -10px 0;
	_margin-top:0;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;

}

.link-solicite a {
	background: url(../images/btn-link-hover.jpg) left top no-repeat;
}
.link-2 a {
	background: url(../images/btn-link-news.jpg) left center no-repeat;
}
.link-2 a:hover {
	background: url(../images/btn-link.jpg) left center no-repeat;
	color: #fff;
}
.link-3 a {
	background: url(../images/btn-link3-normal.jpg) left center no-repeat;
}
.link-3 a.link-selected {
	background: url(../images/btn-link3.jpg) left center no-repeat;
}
.link-3 a:hover, .link-solicite a:hover {
	background: url(../images/btn-link3.jpg) left center no-repeat;
	color: #fff;
}

#audio-conf .link a:hover{
	background: url(../images/btn-linkverm.jpg) left center no-repeat;
	color: #fff;
}

#web-conf .link a:hover{
	background: url(../images/btn-linklaranja.jpg) left center no-repeat;
	color: #fff;
}

#eventos .link a:hover{
	background: url(../images/btn-link-hover.jpg) left center no-repeat;
	color: #fff;
}

#clairenews .boxl { border: 0; width: 350px; }
, #clairenews .boxr  { border: 0; width: 300px; }
#clairenews {
	margin: 0 0 50px 0;
	padding: 50px 0 0 30px;
	width:910px;
	background-image:url(../images/degrade.png);
	background-position:top;
	background-repeat:repeat-x;
}
#clairenews h2 {
	width: 930px;
	background: #666;
	font: 14px/18px "Trebuchet MS", sans-serif;
	color: #fff;
	padding: 4px 0 4px 10px;
	margin-bottom: 15px;
	margin-left: -10px;
}
#clairenews ul {
	margin-top: 10px;
}
/*#clairenews ul li {
	padding-left: 10px;
	background: url(../images/news-list.jpg) left center no-repeat;
}*/
#clairenews ul li.link-2 {
	padding-left: 10px;
	background-image: none !important;
}
#clairenews ul li span {
	font-weight: bold;
}
#clairenews h2 span {
	font-weight: bold;
}
#rodape {
	width: 940px;
	clear: both;
	height: 225px;
	padding-top: 15px;
}
#rodape ul {
	float: left;
	margin-right: 50px;
}
#rodape ul li.title {
	font-weight: bold;
	color: #666;
	margin-bottom: 20px;
}
/* 
	INTERNA	
*/
#cabeca {
	width: 940px;
	height: 97px;
	margin-top: 15px;
}
#cabeca h1 {
	width: 254px;
	height: 97px;
	background: url(../images/logo.jpg) top left no-repeat;
	position: relative;
	float: left;
	margin-right: 25px;
}
#cabeca h1 a {
	width: 254px;
	height: 97px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
#nav {
	float: left;
	margin-top: 25px;
}
#nav li {
	float: left;
	margin: 0 2px;
}
#links {
	width: 940px;
	height: 31px;
	margin: 0;
	clear:both;
}
a.selected{
	cursor:default;
}

#web, #eve, #audio { text-indent: -9999px;}
#audio a {
	width: 100%;
	height: 31px;
	display: block;
	background: url(../images/audio-conf-off.jpg) left top no-repeat;
}
#audio a:hover, #audio a.selected {
	width: 100%;
	height: 31px;
	display: block;
	background: url(../images/audio-conf.jpg) left top no-repeat;
}
#web a {
	width: 100%;
	height: 31px;
	display: block;
	background: url(../images/web-off.jpg) left top no-repeat;
}
#web a:hover, #web a.selected {
	width: 100%;
	height: 31px;
	display: block;
	background: url(../images/web-conf.jpg) left top no-repeat;
}
#eve a {
	width: 100%;
	height: 31px;
	display: block;
	background: url(../images/eventos-off.jpg) left top no-repeat;
}
#eve a:hover, #eve a.selected {
	width: 100%;
	height: 31px;
	display: block;
	background: url(../images/eventos.jpg) left top no-repeat;
}
#conteudo-interno {
	width: 880px; 
	padding: 35px 30px;
	_padding: 35px 26px;
	background: #fff;
	position:relative;
}
h2#audio-interna {
	width: 880px;
	height: 90px;
	background: url(../images/tit-audio-interna.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireaudio-caracteristicas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireaudio-caracteristicas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireaudio-comofunciona{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireaudio-comofunciona.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireaudio-tarifas{
	width: 880px;
	height: 80px;
	background: url(../images/tit-claireexpress-tarifas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h1#claire-caracteristicas{
	/*width: 880px;
	height: 90px;
	background: url(../images/tit-claireplay-caracteristicas.jpg) top left no-repeat;*/
	color:#62562b;
	font-size:30px;
	float:left;
	display:block;
	padding-left:30px;
	margin: 45px 0 45px 0;
	clear:both;
}
h2#claireplay-comofunciona{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireplay-comofunciona.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireplay-tarifas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireplay-tarifas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#web-interna {
	width: 880px;
	height: 90px;
	background: url(../images/tit-web-interna.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireweb-caracteristicas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireweb-caracteristicas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireweb-comofunciona{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireweb-comofunciona.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireweb-tarifas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireweb-tarifas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}


h2#clairemeeting-caracteristicas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-clairemeeting-caracteristicas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#clairemeeting-comofunciona{
	width: 880px;
	height: 90px;
	background: url(../images/tit-clairemeeting-comofunciona.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#clairemeeting-tarifas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-clairemeeting-tarifas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}



h2#claireglance-caracteristicas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireglance-caracteristicas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireglance-comofunciona{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireglance-comofunciona.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#claireglance-tarifas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireglance-tarifas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#eventos-interna {
	width: 880px;
	height: 70px;
	background: url(../images/tit-eventos-interna.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#clairecast-caracteristicas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-clairecast-caracteristicas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}

h2#claireassist-caracteristicas{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claireassist-caracteristicas.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}


h2#institucional-contato{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claire-contato.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}

h2#institucional-sobre{
	width: 880px;
	height: 30px;
	background: url(../images/tit-claire-sobrenos.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#institucional-revenda{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claire-revenda.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#institucional-trabalhe{
	width: 880px;
	height: 90px;
	background: url(../images/tit-claire-trabalhe.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#institucional-contratos{
	width: 880px;
	height: 30px;
	background: url(../images/tit-claire-contratos.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#institucional-termo{
	width: 880px;
	height: 30px;
	background: url(../images/tit-claire-termo.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#institucional-politica{
	width: 880px;
	height: 30px;
	background: url(../images/tit-claire-politica.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#institucional-news{
	width: 880px;
	height: 30px;
	background: url(../images/tit-claire-news.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#suporte-manuais{
	width: 880px;
	height: 33px;
	background: url(../images/tit-suporte-manuais.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#suporte-faq{
	width: 880px;
	height: 63px;
	background: url(../images/tit-suporte-faq.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#suporte-cases{
	width: 880px;
	height: 33px;
	background: url(../images/tit-suporte-cases.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
h2#central-claire{
	width: 880px;
	height: 120px;
	background: url(../images/tit-central-relacionamento.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 25px 0;
	clear:both;
}
#claireplay, #claireaudio, #claireweb, #clairemeeting, #claireglance, #claireassist, #clairecast,#claireviewer {
	border-right: 1px dashed #ccc;
	
}
#claireplay, #claireaudio, #claireweb, #clairemeeting, #claireglance, #claireassist, #clairecast,#claireviewer {
	margin: 5px 0 20px 0;
}
.boxlint-audio{
	width: 560px;
	float: left;
	padding-right: 9px;
}
.boxlint-int{
	width: 430px;
	float: left;
	padding-right: 9px;
}
.boxlint-intb{
	width: 421px;
	float: left;
	padding-right: 9px;
	padding-left: 9px;
}

.boxlint, .boxrint {
	width: 280px;
}
.boxcint {
	float: left;
	width: 280px;
	padding: 0 9px;
}
.boxlint {
	float: left;
	padding-right: 9px;
}
.boxrint {
	float: right;
	padding-left: 0px;
}
#claireaudio h2 {
	width: 250px;
	height: 40px;
	background: url(../images/claire-audio.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}
#claireplay h2 {
	width: 171px;
	height: 40px;
	background: url(../images/claire-play.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}

#claireviewer h2 {
	width: 190px;
	height: 40px;
	background: url(../images/claire-viewer.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}

#claireweb h2 {
	width: 250px;
	height: 40px;
	background: url(../images/claire-web.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}
#clairemeeting h2 {
	width: 250px;
	height: 40px;
	background: url(../images/claire-meeting.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}
#claireglance h2 {
	width: 250px;
	height: 40px;
	background: url(../images/claire-glance.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}
#clairecast h2 {
	width: 250px;
	height: 40px;
	background: url(../images/claire-cast.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}
#claireassist h2 {
	width: 250px;
	height: 40px;
	background: url(../images/claire-assist.jpg) left top no-repeat;
	margin: 5px 0 10px 0;
	text-indent: -9999px;
}

#atendimento {
	width:880px;
	height: 120px;
	border: 4px solid #e0e0e0;
	background: url(../images/bg-atendimento.jpg) center center;
	margin: 20px 0;
}
#atendimento li {
	font: bold 22px/16px "Trebuchet MS", Verdana, sans-serif;
	color: #999;
	padding: 25px 10px 0 100px;
	width: 210px;
	height: 50px;
	margin-top: 25px;

}
#atendimento li#fone {
	padding-left: 70px;
	border-right: 1px dashed #ccc;
}
#atendimento li#online {
	border-right: 1px dashed #ccc;
}
#atendimento li#email {
	padding-left: 10px;
	margin-right: 30px;
	_margin-right: 20px;
	width: 150px;
}
#atendimento li span {
	display: block;
	font: normal 12px/16px "Trebuchet MS", sans-serif;
}
hr {
	display: block;
	width: 100%;
	border: 1px dashed #ccc;
	clear: both;
	margin-bottom: 40px;
	margin-top: 100px;
}


.features-vert li, #voltar li {display: inline; }

.features-vert{ float:left; }
#voltar { float:right;  }
#voltar .link-3 a{
	background: url(../images/btn-linkvoltar-normal.jpg) left center no-repeat;
	float: left;
	display: block;
	margin: 10px 0px 10px 0;
	width: 90px;
	padding: 3px 0px 0px 70px;
}
#voltar .link-3 a:hover{
	background: url(../images/btn-linkvoltar-hover.jpg) left center no-repeat;
}

ul.features-vert li.link-3 a {
	float: left;
	display: block;
	margin: 10px -10px 10px 0;
	width: 126px;
}

h2#claireaudio {
	width: 200px;
	height: 40px;
	background: url(../images/claire-audio.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}
h2#claireplay {
	width: 200px;
	height: 40px;
	background: url(../images/claire-play.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}
h2#claireweb {
	width: 200px;
	height: 40px;
	background: url(../images/claire-web.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}
h2#claireglance {
	width: 200px;
	height: 40px;
	background: url(../images/claire-glance.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}
h2#clairemeeting {
	width: 200px;
	height: 40px;
	background: url(../images/claire-meeting.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}
h2#clairecast {
	width: 200px;
	height: 40px;
	background: url(../images/claire-cast.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}
h2#claireassist {
	width: 200px;
	height: 40px;
	background: url(../images/claire-assist.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}

h2#claireviewer {
	width: 200px;
	height: 40px;
	background: url(../images/claire-viewer.jpg) left top no-repeat;
	margin: 5px 0 -20px 0;
	text-indent: -9999px;
	border: 0;
}

.ilust-left {
	float: left;
	margin: 5px 15px 15px 0;
}
h3 {
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 20px 0 0 0;
	clear:both;
}
h3.audio{
	color: #9B3121;
}
h3.web{
	color: #FF6600;
}
h3.eventos{
	color: #006600;
}
h3.institucional{
	color: #999966;
}
/*
	CLEARFIX
*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}


#texto-interna{
	padding-left:180px;
	min-height:300px;
	overflow:visible;
	width:470px;
	clear:both;
}


p.audio{
	color:#660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

p.web{
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

p.eventos{
	color:#006600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.audio-link, .web-link, .eventos-link{
	color:#666666;
	text-decoration:underline;
}
.audio-link:hover{
	color:#660000;
	text-decoration:underline;
}
.web-link:hover{
	color:#FF6600;
	text-decoration:underline;
}
.eventos-link:hover{
	color:#006600;
	text-decoration:underline;
}

#free-trial {
	position:absolute;
	width:125px;
	height:84px;
	right: -1px;
	top: 0px;
}

#form_contato input, #form_contato textarea, #form_contato select {
	background-color:#efefef;
	border: solid #cccccc 1px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
#form_contato  .input_none{
	background-color:none;
	border: none;
	
}
.asterisco{
	font-size:16px;
}
iframe{ border:none;
}

.central-acesso{
	height:42px;
	background-color:#efefef;
	margin-top: 3px;
	display:block;
	color:#999999;
	font-family:"Trebuchet MS", sans-serif;
	font-size:16px;
	background-image:url(../images/li-detalhe.png);
	background-repeat:no-repeat;
	background-position:10px 13px;
	padding-left:40px;
	padding-top:9px;
	font-weight:bold;
}
.central-acesso:hover{
	background-color:#CCCCCC;
	color:#666666;
}
.central-acesso span{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.link_suporte{
	background-image:url(../images/li-detalhe.png);
	background-repeat:no-repeat;
	padding-left:25px;
}

.cad{
	display:block;
	float:left;
	margin-right:15px;
	background-position:center center;
	background-repeat:no-repeat;
}

.cadastra{
	background-image:url(../images/cadastrar-conf.jpg);
	width:175px;
	height:67px;
}

.jacadastra{
	background-image:url(../images/jasou-conf.jpg);
	width:379px;
	height:67px;
}
.cadastra:hover{
	background-image:url(../images/cadastrar-conf-off.jpg);
}

.jacadastra:hover{
	background-image:url(../images/jasou-conf-off.jpg);
}

#popup{
	width:595px;
	height:347px;
	position:absolute;
	border:#000000 solid 1px;
	left:172px;
	z-index:1000;
	background-image:url(../images/popup.jpg);
}