/* CSS Document */

*{padding:0; margin:0;}
body { background:url(../_img/bg_palco.jpg) center top repeat-y}
body, html {height:100%!important}
li { list-style:none!important;}
.clr {clear:both}
img {border:0}
div, p, li, a, span {font-size:11px; color:#8E2800; font-family:tahoma; line-height:16px; letter-spacing:1px}
a { outline:0; }
a {text-decoration:none}
a:hover{color:#006633}

/* SIFR e FONTES*/
    .sIFR-active h2,
	.sIFR-active h5,
	.sIFR-active h4,
    .sIFR-active h3{
      visibility: hidden;
      font-family: Verdana;
      
    }
	
h3 {color:#FFCCCC; cursor:pointer;}

h6 {font-size:11px; font-weight:bold}

.itS {font:italic bold 10px verdana;}

/* ESTRUTURA PALCO */
.palco {width:800px; height:100%; margin:auto; background:url(../_img/bg_palco.jpg) repeat-y;}


.nav {width:500px;}
.nav li {padding-left:20px; height:30px; float:left; background:url(../_img/bullet_radio.gif) left top no-repeat; #background:url(../_img/bullet_radio_ie.gif) left top no-repeat; overflow:hidden}
.nav li.ativo {background-position:bottom left!important}
.nav .home {width:60px;}
.nav .clientes {width:80px;  }
.nav .contato {width:110px;}
.nav .detalhes {width:150px; margin-left:192px; background-image:none}
.nav .detalhes .btDados {background:url(../_img/ttl_detalhe.gif) top left no-repeat; width:109px; height:20px; display:block; text-indent:-9999px }
.nav .detalhes .btDados:hover {background:url(../_img/ttl_detalhe.gif) bottom left no-repeat; }

/* HOME */
.topo_home {width:800px; height:112px; background:url(../_img/home/top_logo.jpg) no-repeat;}
.banner_esq {width:345px; height:277px; background:url(../_img/home/banner_esq.jpg) no-repeat; float:left}
.banner_dir {width:108px; height:277px; background:url(../_img/home/banner_dir.jpg) no-repeat; float:left}
.bg_conceitual_home {width:347px; height:277px; background:url(../_img/home/bg_banner_animation.jpg) no-repeat; float:left; position:relative;}
.nav_home_esq {width:200px; height:71px; background:url(../_img/home/nav_esq.jpg) no-repeat; float:left}
.nav_home {width:600px; height:51px; float:left; background:#FFF url(../_img/home/bg_nav.jpg) no-repeat top left; padding-top:20px}
.top_main_home {width:800px; height:102px; background:url(../_img/home/top_main.jpg) no-repeat;}
.main_home {width:800px; min-height:276px; _height:276px; background:url(../_img/home/bg_main.jpg) top no-repeat;}
.ttl_1_align_home {padding-right:170px;}
.cont_1_home {width:324px; margin:20px 0 0 304px; text-align:right}
.txt_secao {text-align:right}
.conhecimentoHome {width:324px;}
.conhecimentoHome li {float:left; width:50%}


.cont_2_home {width:600px; margin:35px 0 0 104px;}
.cont_2_home ul { border-bottom:1px solid #666; float:left; width:605px;}


.cont_2_home ul li .moldura{border-bottom:1px solid #fff; border-top:1px solid #666; float:left}
.cont_2_home ul li .moldura li{float:left; padding:10px 5px; }
.cont_2_home ul li .moldura li.news {padding-right:30px; width:490px; color:#8E2800}
.cont_2_home ul li .moldura li.news .min {display:block}
.cont_2_home ul li .moldura li.news a {color:#1C495C}
.cont_2_home ul li .moldura li.news a:hover {color:#1C495C; text-decoration:underline;}
.cont_2_home ul li .moldura li.data {float:right; color:#999; font-size:9px; font-weight:bold} 

/* INTERNAS */
.bg_nav_topo {width:600px; height:33px; background:url(../_img/bg_nav.jpg) no-repeat; padding:33px 0 0 200px}
.conceitual_internas {width:800px; min-height:386px; _height:386px;}
.bg_clientes {background:url(../_img/bg_concei_cliente.jpg) no-repeat top left}
.bg_clientes_det {background:url(../_img/bg_concei_cliente_detalhe.jpg) no-repeat top left; position:relative}
.bg_contato_det {background:url(../_img/bg_concei_contato.jpg) no-repeat top left; position:relative}
.ttl_secao {width:600px; height:50px; padding:150px 0 0 34px}
.secao_txt {width:330px; height:100px; padding:0px 0 0 300px; text-align:right}
.client_thumb {width:650px; padding-left:107px; float:left}
.client_thumb li {width:133px;  float:left;  padding-right:27px; margin-top:10px; list-style:none; height:150px; }
.client_thumb li .thumb_item .foto{width:129px; height:89px; overflow:hidden; padding:2px; margin-bottom:5px; background:#FFF url(../_img/bg_thumb.jpg) no-repeat; margin-top:0px; position:relative }
.client_thumb li .thumb_item .mask{width:129px; height:89px; background:#FFF; position:absolute; top:2px; left:2px; filter:alpha(opacity=70);-moz-opacity:.7; opacity:.70;}
.client_thumb li .thumb_item .legenda_thumb {padding-left:8px; padding-right:0;  float:left; background:url(../_img/bullet_cliente.gif) left top no-repeat; width:121px; margin-top:0px; height:auto }
.client_thumb li .thumb_item .legenda_thumb span {display:block; width:121px;}
.client_thumb li .thumb_item .legenda_thumb a{text-decoration:none; font-weight:normal}
.client_thumb li .thumb_item .legenda_thumb a:hover{color:#8E2800;}
.det_cliente {position:absolute; width:200px; top:195px; right:300px; _right:137px}

/* SCREEN SHOTS */
.screenshots {float:left;}
.screenshots li {float:left}

.screenshots .janela {width:510px; height:334px; overflow:hidden; position:absolute; top:2px; left:1px}
.screenshots .first {width:800px; height:335px; position:relative; background:url(../_img/bg_screenfirst.jpg) no-repeat;}
.screenshots .first .screen_item {position:absolute; top:-3px; left:155px;}
.screenshots .first_bottom {width:800px; height:72px; background:url(../_img/bg_screenfirst_bottom.jpg) no-repeat}
.screenshots .second {width:645px; height:335px; position:relative; background:url(../_img/bg_screensecond.jpg) no-repeat; padding-left:155px}
.screenshots .second_bottom {width:800px; height:72px; background:url(../_img/bg_screensecond_bottom.jpg) no-repeat}
.screenshots .third {width:645px; height:335px; position:relative; background:url(../_img/bg_screen3.jpg) no-repeat; padding-left:155px}
.screenshots .others {width:645px; height:335px; position:relative; background:url(../_img/bg_screenothers.jpg) repeat-x; padding-left:155px}
.screenshots .bottom_1 {width:800px; height:72px; background:url(../_img/bg_screen_bottom1.jpg) no-repeat}
.screenshots .bottom_2 {width:800px; height:72px; background:url(../_img/bg_screen_bottom2.jpg) no-repeat}
.screenshots .bottom_FIM {width:800px; height:158px; background:url(../_img/bg_screen_bottom_fim.jpg) no-repeat}
.screen_item {width:512px; height:338px; background:url(../_img/bg_sreenshot.jpg) no-repeat; position:relative}

.bt_sub_clientes {width:32px; height:230px; position:absolute; top:0px; right:33px; background:url(../_img/bt_mais_projetos_clientes.jpg) top left no-repeat; display:block; }
.bt_sub_clientes:hover {background-position:bottom left}
.bt_sub_clientes_ativo {background:url(../_img/bt_mais_projetos_clientes_hover.jpg) top left no-repeat!important;}
.box_sub_clientes {width:1px; min-height:230px;  _height:230px; position:absolute; padding-right:33px; top:0px; right:30px; z-index:555; 	display:none}
.box_sub_clientes .lista_clientes {background:#1C495B url(../_img/bg_nav_sub_clientes.jpg) top right no-repeat; width:430px; min-height:230px; _height:230px; position:absolute; top:0 ; left:0;}
.box_sub_clientes .lista_clientes ul {padding:20px; padding-top:0; margin-top:20px;}
.box_sub_clientes .lista_clientes ul li{width:300px; float:left; padding-bottom:10px}
.box_sub_clientes .lista_clientes ul li a {color:#FFF; height:13px; line-height:13px; font-weight:bold; text-decoration:none}
.box_sub_clientes .lista_clientes ul li a:hover {color:#E48707; text-decoration:none}

/* RODAPE */
.rodape {width:604px; height:49px; background:url(../_img/bg_palco.jpg) repeat-y; padding:40px 109px; float:left; position:relative}
.rodape .back_top {width:160px; height:11px; position:absolute; top:25px; left:107px}
.rodape .back_top li {width:65px; float:left}
.rodape .back_top li a{width:65px; float:left; padding-left:15px; background:url(../_img/bullet_radio_p.gif) no-repeat; line-height:11px; text-decoration:none; font-weight:normal}
.rodape .back_top li a:hover { color:#911616}
.rodapeCont {background:url(../_img/bg_rodape.jpg) no-repeat; width:590px; height:49px}
.rodapeCont {padding:7px 7px 0}
.rodapeCont .esq{float:left; font:bold 14px tahoma; color:#911616; line-height:41px;}
.rodapeCont .dir{float:right; font:bold 14px tahoma; color:#911616; line-height:20px; text-align:center;}
.rodapeCont .dir label {font:normal 12px tahoma; color:#911616; padding-left:10px;}
.rodapeCont a.mail {font:normal 10px tahoma; color:#1C495C; padding-left:10px; display:block; text-decoration:none;}
.rodapeCont a:hover {text-decoration:underline; color:#1C495C}

/* moDAL */
.modal { width:100%; height:100%; background:url(../_img/bg_modal.gif) no-repeat; position:relative}
.modal .dados_cliente {width:400px; padding:164px 0 0 26px;}
.modal .dados_cliente li {width:180px; float:left; font-weight:bold; color:#FFF}
.modal .dados_cliente .left {text-align:right; font-size:11px; font-weight:normal; color:#FFF; padding-right:5px;}
.modal .conteudo_modal {position:absolute; bottom:10px; left:44px; width:360px; height:122px; color:#FFFFFF; font-style:italic}
.modal .conteudo_modal a{display:block; padding-top:4px}
.modal p{color:#CCCCCC;}

/* contato */
.box_contato {width:486px; margin:0 0 20px 146px}
.box_contato input {width:305px; border:1px solid #999999; padding:4px; background:url(../_img/bg_input.jpg) no-repeat top left; font-family:tahoma; color:#1C495C; font-size:12px;}
.box_contato textarea {width:305px; height:106px; border:1px solid #999999; padding:3px 4px; font-family:tahoma; overflow:auto;  background-color:transparent;  font-size:12px; color:#1C495C;}
.box_contato .text_form {width:313px; float:left; padding-top:10px; background:url(../_img/bg_input.jpg) no-repeat 2px 11px; height:112px; _background-position:2px 12px; font-size:11px; color:#1C495C;}
.box_contato .box_form {width:313px; float:left; padding-top:10px;}
.box_contato .label_form {float:left; text-align:right; width:130px; padding-right:10px;  padding-top:10px}
.box_contato .bt_enviar input{width:49px; border:0; padding:0;}



/* FORM VALIDADE */
.invalidInput{
	border:1px solid #F00!important;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FFCC00!important;
}


/* BANNER */

.fotos_home {position:absolute; top:21px; left:8px; width:257px; height:165px; overflow: hidden; }
.fotos_home li{height:165px; position:absolute; top:0; left::0; width:257px; display:none}

.chamada_home {position:absolute; bottom:28px; right:41px; width:312px; height:48px; overflow: hidden;}
.chamada_home li{height:48px; position:absolute; top:0; left::0; width:312px; text-align:right; display:none;}

.navegacao_home {position:absolute; bottom:0px; right:41px; width:85px; height:30px; overflow: hidden;}
.navegacao_home li {float:left; height:30px;}
.navegacao_home li a:hover{background-position:bottom}
.navegacao_home .vai a{background:url(../_img/home/bg_vai.jpg) no-repeat top left; height:30px; width:22px; display:block}
.navegacao_home .cont {width:40px; background:url(../_img/home/bg_contador.jpg) no-repeat; text-align:center; color:#FFB03B; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:1px; height:29px}
.navegacao_home .volta a{background:url(../_img/home/bg_volta.jpg) no-repeat top left; height:30px; width:22px; display:block}

/* TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #1C495C;
	background-color:#FFB03B;
	padding: 5px;
	opacity: 0.85;
	color:#1C495C!important
}
#tooltip h3, #tooltip div { margin: 0; }

/* RODAPE */