@import url("reset.css");

/*--------------------------------------------------\
|													||
|	QUANTUM											|||
|													|||
|	Desenvolvido por André Moura - Agência DMK		|||
|	http://www.agenciadmk.com.br/					|||
|										Jun/2008	|||
|													|||
 \--------------------------------------------------\||
  \--------------------------------------------------*/

/*==================================
	Geral
==================================*/
* ul li a{ height:1%; }
html{
}
body{
	background:#88abbd url(../imagens/geral_fundo.gif ) repeat-x 0 0;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
} 
a{
	color:#fff;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{ margin:0 0 11px 0;}

.hide{ display:none; }
.show{ display:block; }

#geral{
	margin:0 auto;
	position:relative;
	width:990px;
	z-index:2;
}
#fundo_enfeite{
	background:url(../imagens/geral_fundo_enfeite.gif) no-repeat 20px bottom;
	height:550px;
	position:absolute;
	right:0;
	width:50%;
	z-index:1;
}

/*==================================
	Testeira
==================================*/
#testeira{
	float:left;
	height:114px;
	position:relative;
	width:990px;
}

/* Logo */
#testeira h1 a{
	background:url(../imagens/testeira_logo_quantum.gif) no-repeat 0 0;
	display:block;
	float:left;
	font-size:1px;
	height:61px;
	left:60px;
	overflow:hidden;
	position:absolute;
	text-indent:-2000px;
	top:41px;
	width:224px;
}

/* Menu */
#testeira ul{
	background:url(../imagens/testeira_menu_borda.gif) repeat-x 0 bottom;
	position:absolute;
	right:0;
	top:61px;
}
#testeira li{
	background:url(../imagens/testeira_menu_marcador.gif) no-repeat 0 2px;
	display:inline;
	float:left;
	margin:0 9px;
	text-transform:uppercase;
}
#testeira li a{
	background:url(../imagens/testeira_menu_seta.gif) no-repeat center bottom;
	color:#9a9b9c;
	display:block;
	float:left;
	height:14px;
	padding:0 0 12px 15px;
	text-decoration:none;
}
#testeira li a:hover{
	color:#EF870E;
}

/* Formulario p/ trocar idioma */
#troca_idioma{
	margin-top:18px;
	position:absolute;
	right:0;
	width:174px;
	z-index:1;
}
#troca_idioma fieldset label{
	background:url(../imagens/testeira_trocar_idioma.gif) no-repeat 0 center;
	display:block;
	float:left;
	font-size:1px;
	height:14px;
	text-indent:-2000px;
	width:84px;
}
.select_idioma{
	border:#006885 1px solid;
	color:#990000;
	float:right;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:6px;
	width:84px;
}

/*==================================
	Coluna da Esquerda
==================================*/
#coluna_esquerda{
	display:inline;
	float:left;
	height:382px;
	margin:4px 0 0 40px;
	width:229px;
}

/* Login */
#login{
	background:#fffefe url(../imagens/login_fundo.gif) no-repeat center 69px;
	border:1px solid #707070;
	height:153px;
	padding:26px 0 0 16px;
	position:relative;
	width:211px;
}
#login h2{
	left:-17px;
	position:absolute;
	top:-1px;
}
.login_campo{
	border:1px solid #4797af;
	color:#4797af;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:10px;
	height:10px;
	width:84px;
}
#login p{
	color:#1b1b1b;
	width:198px;
}
#login a{
	color:#006885;
}
#login a:hover{
	text-decoration:none;
}
#login li{
	margin-bottom:2px;
}
#login fieldset label{
	display:block;
	float:left;
	font-size:1px;
	margin-left:6px;
	padding:4px 0;
	width:47px;
}

.botao{
	background:#fff url(../imagens/login_ok.gif) no-repeat 0 center!important;
	border:0;
	cursor:pointer;
	height:14px;
	margin-left:4px;
	width:22px;
}
#form_login{
	margin:15px 0;
}

/* Menu */
#menu{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	margin-top:2px;
	width:auto;
}
#menu li a{
	background:#a8b7bf url(../imagens/menu.gif) no-repeat right 0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	color:#fff;
	display:block;
	font-weight:bold;
	height:19px;
	line-height:19px;
	padding-right:34px;	
	text-align:right;
	text-decoration:none;
	width:193px;
}
#menu li a:hover{
	text-decoration:underline;
}
.ativo a{
	background:#324752 url(../imagens/menu_over.gif) no-repeat right 0!important;
}

/*==================================
	Conteúdo
==================================*/
#conteudo{
	float:right;
	height:392px;
	width:721px;
}
#conteudo p{
	color:#000;
	margin:0;
}
#conteudo a{
	color:#006885;
}
#conteudo a:hover{
	text-decoration:none;
}
#divisor{
	background:url(../imagens/conteudo_divisor.png) no-repeat 0 0;
	height:32px;
	position:absolute;
	right:32px;
	top:397px;
	width:674px;
}

/* Box 01 */
#box1{
	display:inline;
	float:left;
	height:178px;
	margin:14px 0 0 27px;
	position:relative;
	width:314px;
}
#box1 h2{
	margin:0 0 11px 10px;
}
#box1 img.imgVideoteca{
	position:absolute;
	right:0;
	top:0;
}
#box1 p{
	width:89px;
}

/* Box 02 */
#box2{
	display:inline;
	float:left;
	height:195px;
	margin:0 0 0 27px;
	position:relative;
	width:402px;
}
#box2 h2{
	margin:32px 0 17px 10px;
}
#box2 ul{
	margin-bottom:6px;
}
#box2 li{
	display:inline;
	margin-right:4px;
}
#box2 p{
	width:352px;
}

/* Box 03 */
#box3 {
	background:url(../imagens/conteudo_metodo.gif) no-repeat 0 0;
	display:inline;
	float:left;
	height:195px;
	margin:0 0 0 0;
	position:relative;
	width:262px;
}
#box3 h2{
	margin:32px 0 11px 10px;
}
#box3 p{
	margin:100px 0 0 15px;
	width:120px;
}

/* Animacao */
#animacao_home{
	float:right;
	position:relative;
	top:-62px;
	width:355px;
	font-size:0px;
}
#animacao_geral{
	font-size:0px;
}

/*==================================
	Conteúdo Internas
==================================*/
#conteudo_internas{
	background:url(../imagens/conteudo_internas_fundo.png) repeat 0 0;
	float:right;
	margin:0 0 0 21px;
	overflow:visible;
	position:relative;
	width:689px;
	z-index:1;
}
#box_internas_1 img.titulo{
	display:inline;
	/*height:18px;*/
	left:-7px;
	position:absolute;
	top:-15px;
}
#box_internas_1{
	background:url(../imagens/conteudo_internas_borda.gif) repeat-y 0 0;
	left:299px;
	overflow:visible;
	position:absolute;
	top:236px;
	width:206px;
	z-index:2;
}
#box_internas_1 .imagemTitulo{
	height:95px;
	margin:20px 0 34px 20px;
	width:145px;
}


/* Menu Internas */

/* 1º Nível */
#menu_internas{
	left:-4px;
	position:absolute;
	top:125px;	
}
#box_internas_1 ul li a{
	background:url(../imagens/menu_internas_fundo.gif) no-repeat 0 0;
	color:#507389;
	display:block;
	height:21px;
	line-height:21px;
	margin:12px 0 0 0;
	padding-left:24px;
	text-decoration:none;
	width:140px;
}
#box_internas_1 ul li a:hover{
	color:#EF870E;
}

/* 2º Nível */
#box_internas_1 ul ul{
	background:url(../imagens/conteudo_internas_borda.gif) repeat-y 0 0;
	margin-left:13px;
}
#box_internas_1 ul ul li a{
	background:url(../imagens/menu_internas_seta.gif) no-repeat 0 center;
	color:#4a555a;
	display:block;
	margin:0;
	padding-left:20px;
	text-decoration:none;
}
#box_internas_1 ul ul li a:hover{
	color:#EF870E;
}

/* 3º Nível*/
#box_internas_1 ul ul ul{
	background:none;
	width:160px;
}
#box_internas_1 ul ul ul li a{
	background:url(../imagens/menu_internas_marcador.gif) no-repeat 0 6px;
	color:#4a555a;
	display:block;
	height:auto;
	line-height:normal;
	margin:4px 0 4px 11px;
	padding:0 0 0 7px;
	text-decoration:none;
}
#box_internas_1 ul ul ul li a:hover{
	background:url(../imagens/menu_internas_marcador_over.gif) no-repeat 0 6px;
}
#box_internas_1 .ativo{
	color:#EF870E;
}
#box_internas_1 ul ul{
	display:none;
}

/*Box Internas 2*/
#box_internas_2{
	float:right;
	margin-top:0;
	padding:45px 15px 45px 0;
	width:432px;
}
.box_calend{
	width:500px!important;
}
#box_internas_2 h3{
	color:#EF870E;
	font-size:11px;
	margin:10px 0;
}
/*.sublinhado{
	text-decoration:underline;
}*/
.altura{
	padding-top:65px!important;
}
#box_internas_2 p{
	color:#324752;
	font-size:11px;
	margin:0pt 0pt 11px;
}
#box_internas_2 li{
	color:#324752;
	font-size:11px;
	list-style:disc;
	list-style-position:inside;
}
#box_internas_2 img {
	margin:2px;
}
#box_internas_2 a {
	color:#000066;
}
#cantos_arredondados{
	background:url(../imagens/conteudo_internas_cantos.png) no-repeat 0 0;
	float:right;
	height:8px;
	margin-bottom:10px;
	position:relative;
	width:689px;
}

/* Cases de Sucesso */
.listacases{
	height:81px;
	margin-bottom:45px;
}
.scrollMask{
	float:left;
	width:350px;
	height:81px;
	background:url(../imagens/testeira_menu_borda.gif) repeat-x 0 80px;
}
.listacases li{
	display:inline;
	height:81px;
	width:87px;
	float:left;
	
}
.listacases a{
	background:url(../imagens/conteudo_cases_seta_link.gif) no-repeat center bottom;
	display:block;
	height:81px;
	width:83px;
	margin:0 2px;
}
.listacases .seta{
	background:url(../imagens/conteudo_cases_seta_anterior.gif) no-repeat 0 0;
	display:block;
	float:left;
	font-size:0px;
	margin:19px 22px 0 0;
	height:18px;
	overflow:hidden;
	text-indent:-2000px;
	width:16px;
}
.listacases .proximo{
	background:url(../imagens/conteudo_cases_seta_proximo.gif) no-repeat 0 0;
	margin:19px 0 0 22px;
}
.img-cases{
	/*position:absolute;*/
	margin:0 10px 5px 0!important;
	float:left;
}
.logo{
	height:70px;
	margin-bottom:10px;
}
.logo p{
	margin-left:100px!important;
	line-height:18px;
}

/*==================================
	Calendário
==================================*/
.ano{
	display:block;
	height:20px;
	margin:0 auto 5px auto!important;
	width:80px
}
.ano span{
	color:#324752;
	float:left;
	font-weight:bold;
	height:14px;
	text-decoration:none;
	display:block;
	margin:0 10px;
}
.ano a, .seta-mes a{
	background:url(../imagens/calendario-seta-anterior.gif) no-repeat center center;
	display:block;
	font-size:0px;
	height:14px;
	overflow:hidden;
	text-indent:-2000px;
	width:16px;
	float:left;
}
.ano a.proximo, .seta-mes-proximo a{
	background:url(../imagens/calendario-seta-proximo.gif) no-repeat center center;
}
.mes{
	margin:0 auto 42px auto;
}
.mes li{
	background-color:#a8b7bf;
	display:block;
	float:left;
	height:16px;
	list-style:none;
	width:38px;
	text-align:center;
}
.mes li a{
	color:#fff;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
}
.seta-mes{
	background:none!important;
	width:16px!important;
}
.mes li a:hover, .mes li a.ativo{
	color:#324752!important;
	text-decoration:underline;
}
.dia{
	margin-left:15px;
	float:left;
}
.dia thead tr td{
	border-bottom:1px solid #a8b7bf;
	color:#324752;
	font-weight:bold;
	width:41px;
	height:36px;
	text-align:center;
}
.dia tfoot{
	background:url(../imagens/calendario_borda.gif) repeat-x 0 top;
}
.dia tbody tr td{
	color:#507389;
	font-weight:bold;
	height:35px;
	text-align:center;
}
.dia-amarelo{
	background:url(../imagens/calendario-destaque-amarelo.gif) no-repeat center center;
	color:#fff!important;
	font-weight:bold;
}
.dia-laranja{
	background:url(../imagens/calendario-destaque-laranja.gif) no-repeat center center;
	color:#fff!important;
	font-weight:bold;
}
.dia-verde{
	background:url(../imagens/calendario-destaque-verde.gif) no-repeat center center;
	color:#fff!important;
	font-weight:bold;
}
.dia-azul{
	background:url(../imagens/calendario-destaque-azul.gif) no-repeat center center;
	color:#fff!important;
	font-weight:bold;
}
.dia-roxo{
	background:url(../imagens/calendario-destaque-roxo.gif) no-repeat center center;
	color:#fff!important;
	font-weight:bold;
}
.dia-marron{
	background:url(../imagens/calendario-destaque-marron.gif) no-repeat center center;
	color:#fff!important;
	font-weight:bold;
}
.legenda-calendario{
	margin:30px 30px 0 0;
	float:right;
	display:inline!important;
}
.legenda-calendario li{
	list-style:none!important;
	height:28px;
	vertical-align:middle;
	width:120px;
}
.legenda-calendario li span{
	color:#507389;
	text-decoration:none;
	margin-left:10px;
	line-height:28px;
}
.descricao-calendario{
	clear:both;
	margin-top:10px;
}
.descricao-calendario li{
	list-style:none!important;
	float:left;
	width:440px;
	margin:18px 0 0 10px;
}
.descricao-calendario span{
	text-decoration:none;
	line-height:31px;
}
.descricao-calendario p{
	color:#507389!important;
	margin-bottom:5px!important;
	width:390px;
}
.descricao-calendario-numero{
	/*background:url(../imagens/calendario-destaque-amarelo.gif) no-repeat 0 0;*/
	height:31px;
	width:37px!important;
	vertical-align:middle;
	text-align:center;
}
.calendario-fundo-amarelo {background:url(../imagens/calendario-destaque-amarelo.gif) no-repeat 0 0;}
.calendario-fundo-azul {background:url(../imagens/calendario-destaque-azul.gif) no-repeat 0 0;}
.calendario-fundo-laranja {background:url(../imagens/calendario-destaque-laranja.gif) no-repeat 0 0;}
.calendario-fundo-marron {background:url(../imagens/calendario-destaque-marron.gif) no-repeat 0 0;}
.calendario-fundo-roxo {background:url(../imagens/calendario-destaque-roxo.gif) no-repeat 0 0;}
.calendario-fundo-verde {background:url(../imagens/calendario-destaque-verde.gif) no-repeat 0 0;}
/*==================================
	Clientes
==================================*/
.lista-clientes{
	height:30px;
}
.lista-clientes li{
	list-style:none!important;
	display:inline;
}
.lista-clientes span{
	width:20px;
	color:#4a555a;
	text-decoration:none;
	font-weight:normal;
}
.lista-clientes a{
	color:#4a555a;
	text-decoration:none;
}
.lista-clientes a:hover, .lista-clientes a.ativo{
	color:#f59d11;
	text-decoration:underline;
}
.clientes h3{
	color:#507389!important;
	font-weight:normal!important;
	margin:30px 0 10px 0!important;
}
.clientes h4{
	color:#f59d11;
	font-weight:bold;
	margin-bottom:10px;
}

/*==================================
	Imprensa
==================================*/
.imprensa li{
	list-style:none!important;
	float:left;
	width:180px;
	margin-bottom:20px
}
.imprensa p{
	color:#4a555a!important;
	line-height:16px;
}
.imprensa h3{
	color:#507389!important;
}
/*==================================
	Fomulários
==================================*/
#box_internas_2 form li{
	display:inline;
	list-style:none;
	margin-bottom:15px;
	padding:0;
}
#box_internas_2 form label{
	display:block;
	margin:13px 0 3px 2px;
}
.campo{
	background-color:#507389;
	border:1px solid #fff;
	color:#fff;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	height:16px;
	padding:5px 0px 0px 8px;
}
.textarea{
	overflow:auto;
}
.botao_enviar{
	background:url(../imagens/form_botao_enviar.gif) no-repeat 0 center;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:11px;	
	font-weight:bold;	
	height:28px;
	margin:15px 0 0 126px;
	padding-left:29px;
	width:122px;
}
.botao_limpar{
	background:url(../imagens/form_botao_limpar.gif) no-repeat 0 0;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	float:left;
	height:26px;
	margin-top:15px;
	padding-right:30px;
	width:125px;
}

/*==================================
	Barra de Apoio
==================================*/
#barra_apoio_fundo{
	background:#4f7186 url(../imagens/barra_apoio_fundo.jpg) repeat-x 0 0;
	clear:both;
	height:203px;
	width:auto;
}
#barra_apoio{
	margin:0 auto;
	width:990px;
}
#barra_apoio h2{
	color:#fffefe;
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
}
#barra_apoio p{
	color:#fffefe;
	margin-bottom:1px
}
#barra_apoio a, span{
	color:#fffefe;
	font-weight:bold;
	text-decoration:underline;
}
#barra_apoio a:hover{
	text-decoration:none;
}

/* Coluna 1 */
.col_1{
	display:inline;
	float:left;
	height:150px;
	margin-left:42px;
	padding:12px 34px 0 7px;
	width:468px;
}
#barra_apoio div img{
	float:left;
	margin-right:16px;
}
.col_1 h2{
	margin-top:28px;
}
.col_2{
	float:left;
	height:118px;
	padding:38px 13px 0 0px;
	width:190px;
}
.col_3{
	float:left;
	height:118px;
	padding:38px 7px 0 0px;
	width:226px;
}

/*==================================
	Rodapé
==================================*/
#rodape_fundo{
	background-color:#2e4655;
	clear:both;
	height:25px;
	margin-top:1px;
	width:auto;
}
#rodape{
	height:25px;
	margin:0 auto;
	padding:0 20px 0 42px;
	width:928px;
}
#rodape p{
	color:#f7f9f9;
	float:left;
	font-size:9px;
	line-height:25px;
	margin:0;
}
#rodape a{
	color:#fff;
	display:inline;
	text-decoration:none;
}
#rodape a:hover{
	text-decoration:underline;
}
.p_direita{
	float:right!important;
	font-weight:bold;
}

/*Div's Rodapé*/
.soldaquantum{
	height:400px;
	width:900px;
	background:#fff;
	position:absolute;
	display:none;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-450px;
	z-index:101;
	padding:3px;
}
.soldaquantum a{
	color:#000;
	position:absolute;
	right:5px;
	bottom:5px;
}


.abreDescricao { cursor:pointer; text-decoration:underline; }