/*CSS - 2a1n0d5e2r0l0i9s.com
	Figuracao=WBSP
	modelo= 5
*/
* {/*zerando todas as margens e espaços*/
	margin: 0;
	padding:0;
}
/*-------TAGS-------*/
body {
	color:#444;
	font:12px Verdana, Geneva, sans-serif;
	background-color: #0F1521;
	text-align: justify;
}
a {
	text-decoration:none;
	color:#3C4E6B;
	outline: none;
}
#rodape a {
	text-decoration:none;
	color:#CBD5ED;
}
a img {
	border:none;
}
address {
	font-style:normal;
	text-align:left;
}
address strong {
	display:block;
}
p {
	line-height: 20px;
}
/*-------CLASSES-------*/
.addr {
	margin-top:10px;
}
.addr strong {
	color:#304571;
}
.direita {
	float:right;
}
.espaco_dir {
	padding-right:10px;
}
.esquerda {
	float:left;
}
.lista li {
	list-style:none;
	text-align:left;
}
.lista li a {
	color:#000;
	display:block;
	float:left;
	padding-top:5px;
	width:180px;
}
.lista li a:hover {
	color:#FF9900;
}
.lista li img {
	float:left;
	padding:0 4px 10px 0;
}
.nivelador, .lista li {
	zoom:1;
}/*limpa elementos com float no IE7 ou menor*/
.nivelador:after, .lista li:after {/*limpa todos os elementos com float*/
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.title {
	color:#2d416b;
	font-size:16px;
	margin-bottom:5px;
	padding-left:10px;
	text-align:left;
}
/*-------IDs-------*/

#conteudo {
	background-image:url(../images/conteudo.jpg);
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding: 0 20px;
}
#geral {
	width:100%;
	background-image:url(../images/fundo_site.png);
	background-repeat:repeat-x;
	background-color: #FFF;
	padding-bottom: 20px;
}
#rodape_fundo {
	background-image:url(../images/rodape.png);
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #0F1521;
	background-repeat: repeat-x;
}
#rodape li {
	display:inline;
}
#rodape li a {
	color:#FF9900;
}
#rodape li a:hover {
	color:#6e6e6e;
}
#topo {
	width:100%;
	background-image:url(../images/topo.png);
	background-position:center;
	height:104px;
}
#banner {
	width:100%;
	background-image:url(../images/banner.png);
	background-position:center;
	height:258px;
}
#banner_area {
	width:1008px;
	height:252px;
	margin:0 auto
}
#banner_flash {
	position:relative;
	text-align:left;
	width:660px;
	float:right;
	background-repeat:repeat-x;
	padding-top: 8px;
}
#faixa {
	width:100%;
	background-position:center;
	height:20px;
	background-color: #94adbb;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#fundo_rodape {
	width:100%;
	background-image:url(../images/rodape.jpg);
	background-position:center;
	height:62px;
}
#fundo_conteudo {
	width:100%;
	background-image:url(../images/fundo_conteudo.jpg);
	background-position:center;
	height:528px;
}
#menu {
	background-image:url(../images/menu.jpg);
	background-position:center;
	height:25px;
	padding-top: 20px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color: #ce110c;
	font-weight:bold;
}
#menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:center;
}
#menu li {
	display:inline;
	padding:7px;
	padding-left:25px;
	text-align:center;
}
.texto1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
.texto_branco {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
}
.texto {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
}
.titulo {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#F90;
	font-weight:bold;
}
.titulo2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#333;
	font-weight:bold;
}
.empresa1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#6a748f;
	font-weight:bold;
}
.empresa2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#3c4e6b;
	font-weight:bold;
}
.link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}
.link a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	display: block;
	float: left;
	height: 28px;
	text-align: center;
	width: 100px;
	background-position: center;
	background-repeat: no-repeat;
}
.link a:link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}
.link a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
	text-decoration:underline;
}
#menu_sobre_nos {
	background-image: url(../images/menu/inativo-sobre-nos.png);
	background-repeat: no-repeat;
}
#menu_servicos {
	background-image: url(../images/menu/inativo-servicos.png);
	background-repeat: no-repeat;
}
#menu_portfolio {
	background-image: url(../images/menu/inativo-portfolio.png);
	background-repeat: no-repeat;
}
#menu_contato {
	background-image: url(../images/menu/inativo-contato.png);
}
#menu_cliente {
	background-image: url(../images/menu/inativo-area-do-cliente.png);
	width:121px;
}
#direita {
	width:520px;
	float:right;
	text-align:justify;
	margin-right:10px;
}
.caixa_branca_conteudo {
	padding-top: 38px;
	margin-bottom: 10px;
	background-image: url(../images/caixa-branca/base.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 14px;
}
.caixa_branca_topo {
	background-image: url(../images/caixa-branca/topo.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.caixa_branca_fundo {
	background-image: url(../images/caixa-branca/fundo.png);
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
}
.caixa_branca_conteudo_empresa {
	padding-top: 38px;
	margin-bottom: 10px;
	background-image: url(../images/caixa-branca-empresa/base.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 14px;
}
.caixa_branca_topo_empresa {
	background-image: url(../images/caixa-branca-empresa/topo.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.caixa_branca_fundo_empresa {
	background-image: url(../images/caixa-branca-empresa/fundo.png);
	padding-right: 15px;
	padding-left: 15px;
}
.caixa_grande {
	padding: 0 10px;
}
.caixa_conteudo_grande {
	padding-top: 38px;
	margin-bottom: 10px;
	background-image: url(../images/caixa-branca-grande/base.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 14px;
}
.caixa_topo_grande {
	background-image: url(../images/caixa-branca-grande/topo.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.caixa_fundo_grande {
	background-image: url(../images/caixa-branca-grande/fundo.png);
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
}
#planos {
	height: 194px;
	margin-top: 20px;
	background-color: #CCC;
}
.home_portfolio {
}
#topo_conteudo {
	width:960px;
	height:103px;
	margin:0 auto;
}
#logo {
	height:103px;
	float:left;
	text-align:center;
	padding-left: 70px;
}
#menu {
	height:28px;
	float:right;
	text-align:right;
	padding-top:73px;
	padding-right: 10px;
}
#area_do_cliente {
	float:right;
	text-align:right;
	padding-top:30px;
	padding-right: 10px;
	color:#CCC;
}
#login label {
	display:block;
	text-align:right;
}
#esquerda {
	width:400px;
	min-height:300px;
	float:left;
	text-align:justify;
	margin-left:10px;
}
.imagem {
	float: right;
}
.clear {
	clear: both;
}
li {
	margin: 0 0 0 15px;
}
#buscadores {
}
.textbox label {
	float: left;
	width: 20%;
	display: block;
	padding: 4px 4px 4px 0;
}
.metade {
	width:47%;
	float: left;
}
.inteiro {
	width:94%;
	clear:both;
}
.rodape_caixa {
	width:161px;
	float:left;
	margin-right:15px;
	text-align:left
}
#rodape_logo {
	width:200px;
	float:left;
	text-align:left;
	margin-left: 20px;
	margin-top: 20px;
}
#rodape {
	width:960px;
	margin: 0 auto;
	padding-top:19px;
	padding: 0 15px;
}
#rodape_caixas {
	width:530px;
	float:left;
	margin-top:20px;
	padding-bottom: 30px;
}
#direitos {
	width:200px;
	float:left;
	text-align:left;
	margin-top:20px;
	color: #CBD5ED;
}
.titulo_caixa {
	width:155px;
	height:20px;
	background-image:url(../images/barra.png);
	text-align:left;
	padding-left:5px;
	display:block;
	font-weight:normal;
}
.sites {
	float: left;
	width: 42%;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: 2%;
	margin-left: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sites_thumbs {
	float: left;
	margin-right: 10px;
	border: 2px outset #AAD;
}
.sites_url {
	text-align: center;
	color: #336;
}
.sites_url a {
	text-align: center;
	color: #336;
}
.sites_url a:hover {
	text-align: center;
	color: #336;
}
#dados_gerais {
	text-align: left;
}
.oesp {
	width: 95%;
	margin-left: 2%;
	text-align: right;
	margin-top: 10px;
}
/* Formulario ------------------------------------------------------------------------------------------------------- */ 


#seo label {
	display: block;
	color: #555;
}
#seo {
	width: 500px;
	text-align: left;
}
#seo h3 {
	text-align: left;
	padding: 15px;
	color: #333;
}
#seo label input {
	float: right;
}
#seo select {
	float: right;
}
#seo .links {
	width: 250px;
	margin: -2px 5px 10px 5px;
}
#seo input, #seo select, #seo textarea {
	border:solid 1px #999;
	background-color: #FAFAFA;
}
#seo textarea {
	width:491px;
	margin: 2px 0 10px 0;
}
#seo .radio input {
	clear: none;
	float: none;
	border: none;
	margin: 5px 5px 0 5px;
}
.start_briefing label {
	float: left;
	width: 45%;
	display: block;
	padding: 4px;
 text-align:right  color: #555;
}
.start_briefing textarea {
	width:100%;
	float: left;
	border:solid 1px #999;
	background-color: #FAFAFA;
}
#form1 div {
	padding: 10px 0;
}
.start_briefing div {
	padding: 5px;
}
.start_briefing div {
	float:left;
	width: 97%;
}
.start_briefing input, .start_briefing select {
	width:100%;
	float:left;
	border:solid 1px #999;
	background-color: #FAFAFA;
}
.start_briefing label {
	text-align:left;
	width: 98%;
}
.start_briefing div div {
	padding:0;
	margin: 0 15px 0 0;
}
.start_briefing .checkbox input {
	margin-right:3px;
}
#cliente {
	padding-top: 50px;
	padding-bottom: 50px;
}
#cliente label {
	text-align: right;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 5px;
	color: #555;
}
#cliente .btn {
	border:outset 2px #fff;
	background-color: #FAFAFA;
}
#cliente input {
	border:solid 1px #999;
	background-color: #FAFAFA;
	;
}
#user {
	padding-top: 50px;
	padding-bottom: 50px;
}
#user label {
	text-align: right;
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 5px;
	color: #555;
}
#user .btn {
	border:outset 2px #fff;
	background-color: #FAFAFA;
}
#user input {
	border:solid 1px #999;
	background-color: #FAFAFA;
}
.briefing label {
	float: left;
	display: block;
	padding: 4px;
 text-align:right  color: #555;
}
.briefing textarea {
	width:100%;
	height: 5em;
	float: left;
	border:solid 1px #999;
	background-color: #FAFAFA;
}
.briefing div {
	padding: 5px;
}
.briefing div {
	float:left;
	width:92%;
}
.briefing input, .briefing select {
	float:left;
	border:solid 1px #999;
	background-color: #FAFAFA;
}
.briefing label {
	text-align:left;
}
.briefing div div {
	padding:0;
	margin: 0 15px 0 0;
}
.briefing {
	padding-left:55px;
	color: #555;
}
.briefing .checkbox {
	margin: 3px;
}
.briefing ol {
	margin: 3px;
	display:block;
}
.briefing li {
	margin: 3px;
	display:block;
}
.briefing .atencao {
	font-size:9px;
	color:#F00;
}
#briefing .radio {
	clear:left;
}
.cadastro label {
	float: left;
	width: 45%;
	display: block;
	padding: 4px;
 text-align:right  color: #555;
}
.cadastro textarea {
	width:400px;
	height: 8em;
	float: left;
	border:solid 1px #999;
	background-color: #FAFAFA;
}
.cadastro div {
	padding: 5px;
}
.cadastro div {
	float:left;
	width:46%;
}
.cadastro input, .cadastro select {
	width:100%;
	float:left;
	border:solid 1px #999;
	background-color: #FAFAFA;
}
.cadastro label {
	text-align:left;
	width: 100%;
}
.cadastro div div {
	padding:0;
	margin: 0 15px 0 0;
}
.cadastro .checkbox input {
	margin-right:3px;
}
.cadastro {
	padding-left:55px;
	color: #555;
}
/* Fim do Formulario ----------------------------------------------------------------*/



#trabalhando_com_sitesmidia label {
	margin-bottom: 10px;
}
.erro_cad {
	color:#F00;
	font-size:10px;
}
.icon_cliente {
	float:left;
	text-align: center;
	font-weight: bold;
	padding: 20px 0 20px 0;
	width: 140px;
}
.icon_layout {
	float:left;
	text-align: center;
	font-weight: bold;
	padding: 20px 0 20px 0;
	margin:10px;
	width: 150px;
}
.icon_layout img {
	border:1px solid #CCC;
}
#icon_centro {
	margin: 0 auto;
	width:840px;
	clear:both;
}

#icon_suporte {
	margin: 0 auto;
	width:280px;
	clear:both;
}
.label_title {
	text-align:right;
	color:#4e5871;
	font-size: 14px;
}
.divisao_esquerda {
	float: left;
	width: 49%;
}
.divisao_direita {
	float: right;
	width: 50%;
}
/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
	margin: 0 auto 20px auto;
	width: 100%;
	min-height: 70px;
	text-align: center;
	list-style: none;
}
#nav-shadow li {
	position: relative;
	float: left;
	height: 100px;
	margin: 0 5px 0 0;
}
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
	width: 130px;
	height: 80px;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
}
/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
	background-position: -3px -3px;
}
#nav-shadow li.button-color-2 a {
	background-position: -92px -3px;
}
#nav-shadow li.button-color-3 a {
	background-position: -181px -3px;
}
#nav-shadow li.button-color-4 a {
	background-position: -270px -3px;
}
/* Button Shadow */
		
		#nav-shadow li img.shadow {
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
/* FIM DA GALERIA */
#start_briefing {
	width: 500px;
}
#slogan {
	float: left;
	margin-top: 12px;
}
.linkado {
}
.linkado a {
	color:#069;
}
.linkado a:hover {
	color:#069;
}
#nav-shadow img {
	z-index: 3;
}
#flutuante {
	margin-top: 103px;
	position: absolute;
	width: 100%;
}
/* Carrossel */
input, textarea {
	font-family: Arial;
	font-size: 100%;
}
label {

}
.infiniteCarousel {
	width: 395px;
	position: relative;
}
.infiniteCarousel .wrapper {
	width: 420px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	margin: 0 30px;
	position: absolute;
	top: 0;
	height: 250px;
}
.infiniteCarousel ul a img {
	border: 5px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}
.infiniteCarousel ul li {
	display:block;
	float:left;
	padding: 10px;
	width: 400px;
	margin: 0;
}
.infiniteCarousel ul li a img {
	display:block;
}
.infiniteCarousel .arrow {
	display: block;
	height: 60px;
	width: 23px;
	position: absolute;
	top: 85px;
	cursor: pointer;
}
.infiniteCarousel .forward {
	left: 456px;
	background-image: url(../images/avancar.jpg);
}
.infiniteCarousel .back {
	left: 0;
	background-image: url(../images/voltar.jpg);
}
/*fim Carrossel */
small {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	margin: 5px;
}
.filmstrip li {
	margin: 0px;
	padding: 0px;
}
.panel-overlay img {

}

.novo_ticket label{
	width:150px;
	display:block;
	float:left;
}

.novo_ticket div{
	padding:5px;
}
.novo_ticket input, .novo_ticket select {
	width:300px;
	border:solid 1px #999;
	background-color: #FAFAFA;
}

.novo_ticket textarea {
	width:300px;
	margin: 2px 0 10px 0;
		border:solid 1px #999;
	background-color: #FAFAFA;
}

#tickets { border:1px solid #000 }
.tickets1{ width:150px; float:left; background-color:#f4f4f4; margin:2px; font-weight:bold; }
.tickets2{ width:270px; float:left; padding:2px 2px 2px 8px; }
.tickets_area {
	width:703px;
	float:left;
	padding:2px 2px 2px 8px;
}

#ticket_post { background-color:#2364a2; padding:2px; color:#FFF; font-weight:bold; border:1px solid #000; }
#frame_fale_com{
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:999;
	display: none;
}