@charset "utf-8";

/* ########## CONFIGURAÇÕES ########## */

div, span, object, input, h1, h2, h3, h4, h5, h6, ol, ul, li, form, label, table, tr, th, td, fieldset{margin:0;padding:0;border:0;outline:0;}
html, body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999; }
* html li {height:1%;}

img{border:0;}
img.img{border:1px solid #CCC; padding:4px; background:#fff;}

ol, ul {list-style:none;}

a {color:#000; text-decoration:none; cursor:pointer;}
a:hover {color:#666; text-decoration:inherit;}

h1{font-size: 32px; font-weight:lighter; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h2{ color:#000; font-size:18px; font-weight:lighter; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

h3{font-size: 13px; font-weight:lighter; font-family:Verdana, Geneva, sans-serif; }
h3 a{color:#999; padding:2px 5px;}
h3 a:hover{ color:#000; }

h4{ font-weight:lighter; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

strong{ color:#000;}

.hr{ height:17px; background:url(../imagem/bg-hr.gif) repeat-x top; overflow:hidden; margin-bottom:10px; float:none; clear:both; display:block;}
.hr .hr-1{ background-image:url(../imagem/bg-hr-marca.gif); background-position:0 0; background-repeat:no-repeat; height:17px; display:block; margin:0 auto;}
.hr .hr-2{ background-image:url(../imagem/bg-hr-marca2.gif); background-position:0 0; background-repeat:no-repeat; height:17px; display:block; margin:0 auto;}
.hr .hr-3{ background-image:url(../imagem/bg-hr-marca3.gif); background-position:0 0; background-repeat:no-repeat; height:17px; display:block; margin:0 auto;}

.tit{background-image:url(../imagem/bg-tit.gif); background-position:left bottom; background-repeat:repeat-x; overflow:auto; margin-bottom:15px; display:block;}
.tit h2{ background-image:url(../imagem/bg-tit-marca.gif); background-position:20px bottom; background-repeat:no-repeat;  padding-bottom:20px; display:block;}

/* ########## CONFIGURAÇÕES ########## */

.bg{background:#fff url(../imagem/bg-topo.jpg) no-repeat  center top;}

.botao { background:#C00; border:1px #900 solid; cursor:pointer; margin:0; padding:0 5px; _padding:0; overflow:hidden; clear:both; float:none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:lighter; color:#fff; letter-spacing:-1px; height:40px; }
.botao a { color:#fff; }

.botao-2 {background:url(../imagem/bg-menu-l.gif) no-repeat left -30px; height:30px; float:left; margin-right:6px; text-align:center; padding-left:6px; }
.botao-2 h2{clear:none; line-height:30px; font-size:14px !important; letter-spacing:0 !important; text-transform:uppercase; font-weight:lighter; color:#999; font-family:Arial, Helvetica, sans-serif; background:url(../imagem/bg-menu-r.gif) no-repeat right -30px;  padding-right:6px;}
.botao-2 a{color:#fff; background:url(../imagem/bg-menu-m.gif) repeat-x center -30px; display:block; padding:0 4px;} 
.botao-2 a:hover{color:#198BC0; _color:#FCC;} 
.botao-2:hover{background:url(../imagem/bg-menu-l.gif) no-repeat left 0  !important;}
.botao-2:hover h2{background:url(../imagem/bg-menu-r.gif) no-repeat right 0  !important;}
.botao-2:hover a{background:url(../imagem/bg-menu-m.gif) repeat-x center 0  !important;} 


.botao-3 {background:url(../imagem/bg-menu-l.gif) no-repeat left -60px; height:30px; float:right; margin-right:6px; text-align:center; padding-left:6px; }
.botao-3 h2{clear:none; line-height:30px; font-size:14px !important; letter-spacing:0 !important; text-transform:uppercase; font-weight:lighter; color:#999; font-family:Arial, Helvetica, sans-serif; background:url(../imagem/bg-menu-r.gif) no-repeat right -60px;  padding-right:6px;}
.botao-3 a{color:#2278D6; background:url(../imagem/bg-menu-m.gif) repeat-x center -60px; display:block; padding:0 4px;} 
.botao-3 a:hover{color:#fff; _color:#036;} 
.botao-3:hover{background:url(../imagem/bg-menu-l.gif) no-repeat left -30px  !important;}
.botao-3:hover h2{background:url(../imagem/bg-menu-r.gif) no-repeat right -30px  !important;}
.botao-3:hover a{background:url(../imagem/bg-menu-m.gif) repeat-x center -30px  !important;} 

.botao-4 {background:url(../imagem/bg-menu-l.gif) no-repeat left -60px; height:30px; float:none; clear:both;  margin-right:6px; text-align:center; padding-left:6px; }
.botao-4 h3{clear:none; line-height:30px; font-size:14px !important; letter-spacing:0 !important; text-transform:uppercase; font-weight:lighter; color:#999; font-family:Arial, Helvetica, sans-serif; background:url(../imagem/bg-menu-r.gif) no-repeat right -60px;  padding-right:6px;}
.botao-4 a{color:#2278D6; background:url(../imagem/bg-menu-m.gif) repeat-x center -60px; display:block; padding:0 4px;} 
.botao-4 a:hover{color:#fff; _color:#036;} 
.botao-4:hover{background:url(../imagem/bg-menu-l.gif) no-repeat left -30px  !important;}
.botao-4:hover h3{background:url(../imagem/bg-menu-r.gif) no-repeat right -30px  !important;}
.botao-4:hover a{background:url(../imagem/bg-menu-m.gif) repeat-x center -30px  !important;} 


.box {overflow:hidden; display:block;}
.box .top {padding:0 4px 0 0; background:url(../imagem/box-2.gif) no-repeat right top; display:block; overflow:hidden; height:4px; clear:both; float:none;  cursor:default;}
.box .top div{padding:0 0 0 4px; background:url(../imagem/box-1.gif) no-repeat left top; overflow:hidden; display:block; height:4px;}
.box .top div span{display:block; height:4px; background:#FFF; overflow:hidden;}
.box .main{background:#fff; overflow:auto; padding:1px 5px;}
.box .baixo {padding:0 4px 0 0; background:url(../imagem/box-4.gif) no-repeat right bottom; display:block; overflow:hidden; height:4px; clear:both; float:none;  cursor:default;}
.box .baixo div{padding:0 0 0 4px; background:url(../imagem/box-3.gif) no-repeat left bottom; overflow:hidden; display:block; height:4px;}
.box .baixo div span{display:block; height:4px; background:#FFF; overflow:hidden;}


.box-2 {overflow:hidden; display:block;}
.box-2 .top {padding:0 9px 0 0; background:url(../imagem/box2-2.gif) no-repeat right top; display:block; overflow:hidden; height:10px; clear:both; float:none; cursor:default;}
.box-2 .top div{padding:0 0 0 9px; background:url(../imagem/box2-1.gif) no-repeat left top; overflow:hidden; display:block; height:10px;}
.box-2 .top div span{display:block; height:9px; background:#D6ECF7; overflow:hidden; border-top: 1px solid #A2D7EE;}
.box-2 .main{background:#D6ECF7; overflow:hidden; padding:0 10px; border-left: 1px solid #A2D7EE; border-right: 1px solid #A2D7EE;}
.box-2 .baixo {padding:0 9px 0 0; background:url(../imagem/box2-4.gif) no-repeat right bottom; display:block; overflow:hidden; height:10px; clear:both; float:none; cursor:default;}
.box-2 .baixo div{padding:0 0 0 9px; background:url(../imagem/box2-3.gif) no-repeat left bottom; overflow:hidden; display:block; height:10px;}
.box-2 .baixo div span{display:block; height:9px; background:#D6ECF7; overflow:hidden; border-bottom: 1px solid #A2D7EE;}


.box-3 {overflow:hidden; display:block;}
.box-3 .top {padding:0 9px 0 0; background:url(../imagem/box3-2.gif) no-repeat right top; display:block; overflow:hidden; height:10px; clear:both; float:none; cursor:default;}
.box-3 .top div{padding:0 0 0 9px; background:url(../imagem/box3-1.gif) no-repeat left top; overflow:hidden; display:block; height:10px;}
.box-3 .top div span{display:block; height:10px; background:#fff url(../imagem/box3.gif) repeat-x center top; overflow:hidden;}
.box-3 .main{background:#fff; overflow:hidden; padding:0 10px; border-left:#CBE6F8 1px solid; border-right:#CBE6F8 1px solid; }

.box-3 .main h1{ color:#F02F2F;}
.box-3 .main .conteudo { clear:both; float:none; }
.box-3 .main .conteudo ul, .box-3 .main .conteudo ol { clear:both; float:none; margin:20px 50px; color:#000; }
.box-3 .main .conteudo ul li { background: url(../imagem/arrow2.gif) no-repeat 0 5px; padding-left:10px; }
.box-3 .main .conteudo ol li { list-style:inside decimal; }

.box-3 .baixo {padding:0 9px 0 0; background:url(../imagem/box3-4.gif) no-repeat right bottom; display:block; overflow:hidden; height:10px; clear:both; float:none; cursor:default;}
.box-3 .baixo div{padding:0 0 0 9px; background:url(../imagem/box3-3.gif) no-repeat left bottom; overflow:hidden; display:block; height:10px;}
.box-3 .baixo div span{display:block; height:10px; background:#fff url(../imagem/box3.gif) repeat-x center bottom; overflow:hidden;}



/* ########## MAIN ########## */

#geral {clear:both; width:923px; margin:30px auto; overflow:hidden;}

#topo{clear:both; width:923px; height:120px; margin-bottom:20px; overflow:hidden;}
#topo .logo{ width:160px; height:120px; float:left; overflow:hidden; margin-right:20px;}
#topo .logo a { width:160px; height:120px; background:url(../imagem/i-logo.jpg) no-repeat 0 0; display:block;}
#topo .logo a h1{ display:none;}
#topo .menu {width:743px; overflow:hidden; height:30px; float:left; margin-bottom:20px;}
#topo .menu ul {overflow:hidden; height:30px; clear:both; float:none;  }
#topo .menu ul li{background:url(../imagem/bg-menu-l.gif) no-repeat left top; height:30px; float:left; margin-right:6px; text-align:center; padding-left:6px; }
#topo .menu ul li h2{clear:none; line-height:30px; font-size:14px; text-transform:uppercase; font-weight:lighter; color:#999; font-family:Arial, Helvetica, sans-serif; background:url(../imagem/bg-menu-r.gif) no-repeat right top;  padding-right:6px;}
#topo .menu ul li a{color:#198BC0; background:url(../imagem/bg-menu-m.gif) repeat-x center 0; display:block; padding:0 4px;} 
#topo .menu ul li a:hover{color:#fff;} 
#topo .menu ul li:hover{background:url(../imagem/bg-menu-l.gif) no-repeat left -30px  !important;}
#topo .menu ul li:hover h2{background:url(../imagem/bg-menu-r.gif) no-repeat right -30px  !important;}
#topo .menu ul li:hover a{background:url(../imagem/bg-menu-m.gif) repeat-x center -30px  !important;} 
#topo .menu .ultimo{ margin:0;}

#topo .area{ height:70px; width:743px; overflow:hidden; float:left;}

.area-data{ line-height:60px; height:60px; color:#A1D7ED; background:url(../imagem/arrow-seta.gif) no-repeat 6px 25px; padding-left:25px; border-right:#DFF1F9 solid 1px; width:224px; overflow:hidden; float:left;}
.area-frase{width:478px; height:55px; padding:5px 0 0 5px; float:left; color:#2B9AE3; text-align:center; font-size:13px; }  
.area-frase span{ color:#CCC; font-size:11px; font-family:Tahoma, Geneva, sans-serif; display:block; font-style:italic;}


#animacao{ width:923px; height:450px; clear:both; float:none; margin-bottom:20px;}
#animacao .banners{ height:277px; width:883px; overflow:hidden; background:url(../imagem/bg-banners.jpg) no-repeat  0 25px; padding:0 20px 3px 20px;}
#animacao .banners ul{height:237px; width:583px; overflow:hidden; padding:20px 300px 20px 0; margin-bottom:3px;}
#animacao .banners ul.banner-1{background:url(../imagem/i-banner-1.jpg) no-repeat right;}
#animacao .banners ul.banner-2{background:url(../imagem/i-banner-2.jpg) no-repeat right;}
#animacao .banners ul.banner-3{background:url(../imagem/i-banner-3.jpg) no-repeat right;}
#animacao .banners ul li{}
#animacao .banners ul li h2{ font-size:54px; color:#ED0000; letter-spacing:-3px;}
#animacao .banners ul li h3{ padding:20px; font-size:20px; color:#2A99E4; letter-spacing:-1px;}
#animacao .opcoes{ height:170px; width:923px; overflow:hidden;}
#animacao .opcoes{ height:170px; width:923px; overflow:hidden;}
#animacao .opcoes ul{height:130px; width:257px; overflow:hidden; margin:0 1px 0 0; float:left; padding:20PX 25px; background-position:10px 15px; background-repeat:no-repeat;}
#animacao .opcoes ul li{ text-align:center; }
#animacao .opcoes ul li h2{ font-size:20px; color:#fff; letter-spacing:-1px;}
#animacao .ultimo{margin:0 !important;}

.opcao-1{ background-image: url(../imagem/bg-opcao-1.jpg); background-color:#A2D7EE; cursor:pointer;}
.opcao-2{ background-image: url(../imagem/bg-opcao-2.jpg); background-color:#2B9BE5; cursor:pointer;}
.opcao-3{ background-image: url(../imagem/bg-opcao-3.jpg); background-color:#2278D6; cursor:pointer;}


#animacao .opcoes .selecionado{background-image: url(../imagem/bg-opcao-s.jpg); background-color:#F5FBFE}
#animacao .opcoes button{visibility:hidden;}
#animacao .opcoes .selecionado h2{color:#69C;}


#content{width:680px; float:left;}
#content-ax{width:700px; float:left;}

ul.lista{margin:20px !important;}
ul.lista li{ background:none !important; padding:0 0 15px 0 !important; border-bottom: 1px solid #D6ECF7; margin-bottom:15px; }
ul.lista li h3{ font-size:14px; font-weight:bold;}
ul.lista li h3 a{ background:url(../imagem/arrow-seta.gif) no-repeat 0 3px; padding-left:19px; color:#2B9AE3; font-family:Arial, Helvetica, sans-serif; }
ul.lista li h3 a:hover{ color:#F00;}


#servicos{width:680px; clear:both; float:none;}

#servicos h2 {font-size:22px; color:#FF0000; letter-spacing:-1px; background:url(../imagem/arrow-seta2.gif) no-repeat 0 0; height:25px; line-height:25px; padding-left:30px; }
#servicos h2 a{color:#FF0000;}
#servicos h2 a:hover{color:#900;}
#servicos h4 {font-size:16px; color:#999; letter-spacing:-1px; background:url(../imagem/arrow-seta3.gif) no-repeat 0 0; height:20px; line-height:20px; padding-left:25px;}
#servicos h4 a{color:#999;}
#servicos h4 a:hover{color:#000;}
#servicos ul{width:680px; background:url(../imagem/bg-servicos.jpg) no-repeat center bottom; overflow:auto; padding:15px 0; float:none; clear:both;}
#servicos ul li{float:left; width:340px;}
#servicos ul li h3{margin:0 10px; background:url(../imagem/lh.gif) repeat-x bottom; padding:8px 0;}
#servicos ul li h3 a{background:url(../imagem/arrow.gif) no-repeat 5px 6px; padding-left:13px;}
#servicos .ultimo h3{ background:none;}


h2.pp{font-size:16px; color:#999; background:url(../imagem/arrow-seta3.gif) no-repeat 0 2px;padding-left:25px;font-weight:bold; margin:10px 0;}
h2.pp a{ color:#999;}
h2.pp a:hover{ color:#000;}

#pp{width:223px; }
#pp a{ position:absolute; width:15px; height:45px; display:block; margin:15px 0; background-image:url(../imagem/bg-bt-parceiros.gif); background-repeat:no-repeat; }
#pp a h2{ display:none;}
#pp a.anterior{ background-position:0 0;  margin-left:20px; }
#pp a.proximo{background-position:-15px 0; margin-left:188px;}
#pp a:hover.anterior{ background-position:0 -45px ;}
#pp a:hover.proximo{background-position:-15px -45px;}
#pp .parceiros{ width:145px; height:75px; margin:0 auto; cursor:pointer; }

#ld{width:223px; float:left; padding-left:20px;}
#le{width:203px; float:left; padding-right:20px;}

.menu-ld h2, .menu-le h2{font-size:16px; color:#0951BD; background:url(../imagem/arrow-seta4.gif) no-repeat 0 2px;padding-left:22px; border-bottom:#A2D7EE 1px solid; padding-bottom:5px; font-weight:bold;}
.menu-ld h2 a, .menu-le h2 a{color:#999;}
.menu-ld h2 a:hover, .menu-le h2 a:hover{color:#000;}
.menu-ld ul, .menu-le ul { margin:10px 0;}
.menu-ld ul li, .menu-le ul li{ color:#F00; padding:3px;}
.menu-ld ul li a, .menu-le ul li a{ padding-left:9px; background:url(../imagem/arrow.gif) no-repeat 0 4px;}
.menu-ld ul li a:hover, .menu-le ul li a:hover{ color:#F00;}


/* ########## PAGINACAO ########## */

.paginacao { height:20px; overflow:hidden; }
.paginacao ul li a, .paginacao ul li a span { background:transparent url(../imagem/botoes-paginacao.gif) no-repeat scroll 42px 21px; }
.paginacao ul { display:inline; margin:0 !important; }
.paginacao ul li { display:inline; float:left; margin:0 2px; background:none !important; padding:0 !important;  }
.paginacao ul li a { background-position:-42px -21px; color:#063; float:left; width:20px; height:20px; display:block; cursor:pointer; text-align:center; }
.paginacao ul li a span { height:20px; width:20px; line-height:20px; position:relative; }
.paginacao ul li a:hover { background-position:-63px 0; color:#000; }
.paginacao ul li.paginacao-volta a { background-position:0 -21px; margin:0 5px; text-indent:-77777px; width:20px; height:20px; display:block; }
.paginacao ul li.paginacao-volta a:hover { background-position:0 0; }
.paginacao ul li.paginacao-pagina { }
.paginacao ul li.paginacao-pagina a { background-position:-42px 0; height:20px; width:20px; cursor:default; color:#999; }
.paginacao ul li.paginacao-pagina span { }
.paginacao ul li.paginacao-proximo a { background-position:-21px -21px; margin:0 5px; text-indent:-77777px; width:20px; height:20px; display:block; }
.paginacao ul li.paginacao-proximo a:hover { background-position:-21px 0; }

/* ########## RODAPE ########## */

#rodape{clear:both; float:none; overflow:hidden; background:url(../imagem/bg-rodape.jpg) no-repeat center top; height:100px; text-transform:uppercase; font-size:11px;}
#rodape ul {overflow:hidden; color:#FFF; width:963px; margin:0 auto; }
#rodape ul li {text-align:center; }
#rodape ul li h2{line-height:100px; color:#FFF;}
#rodape ul li.tecnoig{position:absolute; height:20px; width:75px; margin:70px 0 0 20px;}

ul.menu-rodape{padding:27px 0 !important; overflow:hidden; line-height:30px; clear:both; }
ul.menu-rodape li{height:30px; overflow:hidden; display:inline;}
ul.menu-rodape li a{padding:0 10px; display:inline-block; color:#FFF; } 
ul.menu-rodape li a:hover{color:#300; } 
ul.menu-rodape li.ultimo{ border:0;}
div#rodape li a{color:#FFF; } 
div#rodape li a:hover{color:#ccc; }