body{
  font-family: tahoma, arial, sans-serif;
  background:url(../images/body.jpg) repeat-x top left;
  font-size:12px;
}

ul#lista li{
  line-height:20px;
  list-style-image:url(../images/point.gif);
  margin:0 0 0 20px;
}


h2{
  color:#25456D;
  font-size:16px;
  margin: 0 0 10px 0;
  font-family: arial, sans-serif;
}

h3{
  font-family: arial, sans-serif;
  color:#25456D;
  font-size:22px;
  background:url(../images/arrow_gray.gif) no-repeat center left;
  padding:0 0 0 12px;  
  line-height:20px;
  margin: 0 0 10px 0;                    
}
h4{
  color:#333333;
  margin:0 0 10px 0;
}
h5{
  color:#25456D;
}
a{
  color:#1A3582;
  text-decoration:none;
}
a:hover{
  color:#8A98C0;
}

p{
  line-height:17px;
  margin:6px 0;
}

.alert{
  display: block;
  background:url(../images/atencao.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  margin:20px 5px;
  font-size: 10px;
  color:#000;
}

p.date{
  color:#CC0000;
  font-size:11px;
}

.go{
  background:url(../images/go.gif) no-repeat center left;
  padding:0 0 0 15px;
  font-size:10px;
  float:right;
}

#top{
  width:900px;
  margin:0 auto;
  height:161px;
}

#top a.logo{
  display:block;
  background:url(../images/logo.jpg) no-repeat top left;
  width:367px;
  height:160px;
  float:left;  
}
#top div.right{
  float:left;
  background:url(../images/top_right.jpg) no-repeat top left;
  width:533px;
  height:160px;
}

#top div.text{
  margin: 20px 0 5px 140px;
  height:35px;
  display:block;
}
#top div.balao{
  background:url(../images/balao.gif) no-repeat top left;
  padding:5px;
  width:303px;
  height:37px;
  margin:0 auto;
  color:#fff;
  font-weight:bold;
  line-height:20px;
  _background:url(../images/balao.gif) no-repeat top right;
  _width:285px;
  _position: absolute;
  _margin:0 0 0 60px;
  _padding:0 0 0 80px;  
}
#top form {
  background:url(../images/balao.gif) no-repeat top left;
  padding:5px;
  width:303px;
  height:37px;
  margin:0 auto;
  _background:url(../images/balao.gif) no-repeat top right;
  _width:353px;
  _position: absolute;
  _margin:0 0 0 60px;
}

#top form input{
  width:210px;
  float:left;
}
#top form input.btn_enviar{
  float:left;
  width:70px;
  margin:0 5px;
  height:20px;
  border:none;
  background:none;
  color:#fff;
  font-weight:bold;
  cursor: pointer;
}

#top div.text span.first{
  color:#2A59A8;
  font-weight:bold;
  float:left;
  line-height:18px;
  margin:10px 5px 0 0;
}

#top div.text span.second{
  color:#CC0000;
  font-weight:bold;
  font-size:18px;
  float:left;
  margin:10px 10px 0 0;
}

#top div.text span.three{
  float:left;
}

#top div.text span.three p{
  margin:0;
  padding:0;
}

#top div.right a.buy{
  background:url(../images/buy.gif) no-repeat top left;
  height:30px;
  width:214px;
  display:block;
  text-indent:-9000px;
  margin:0 0 0 280px;
}

#top div.right a:hover.buy{
  background:url(../images/buy.gif) no-repeat bottom left;
}

#top div.right div.sub_menu{
  margin:17px 0 0 60px;
  height:30px;
}

#top div.right div.sub_menu a{
  font-weight:bold;
  line-height:28px;
  margin:0 20px 0 0;
  display:block;
  float:left;
}

#pg_noticias div.sub_menu a.bt_noticias,
#pg_newsletter div.sub_menu a.bt_newsletter,
#pg_links div.sub_menu a.bt_links,
#pg_rss div.sub_menu a.bt_rss{
  color:#8A98C0;
}

#top div.right div.sub_menu a.area{
  color:#C74800;
  background:url(../images/area.gif) no-repeat bottom right;
  padding:0 28px 0 0;
}

#top a.logo h1{
  text-indent:-9000px;
}

#content{
  background:url(../images/content_bottom.jpg) repeat-x bottom left;
  
  margin:0 0 1px 0;
}
#content div.content_aux{
  margin:0 0 1px 0;
  width:900px;
  margin:0 auto;
}

/** menu **/
#menu{
  width:900px;
  margin:0 auto;
  background:url(../images/menu_content.jpg) repeat-x top left;
  height:44px;
  }
#menu a{
  float:left;
  line-height:44px;
  color:#fff;
  margin:0 14px;

  padding:0 0 0 12px;
}

#pg_ #menu a.bt_principal,
#pg_principal #menu a.bt_principal,  
#pg_quem-somos #menu a.bt_quem,
#pg_produtos-servicos #menu a.bt_produtos,
#pg_cases #menu a.bt_cases,
#pg_responsabilidade-social #menu a.bt_responsabilidade,
#pg_fale-conosco #menu a.bt_fale,
#menu a:hover{
  background:url(../images/arrow.gif) no-repeat center left;
}

#menu div.menu_left{
  background:url(../images/menu_left.jpg) no-repeat top left;
  height:44px;
  display:block;
  float:left;
  width:89px;
}
#menu div.menu_right{
  background:url(../images/menu_right.jpg) no-repeat top right;
  height:44px;
  display:block;
  float:right;
  width:89px;
}
/** end menu **/


#footer{
  background:url(../images/footer.jpg) repeat-x top left;
  height:91px;
}

#footer div.content{
  width:900px;
  margin:0 auto;
  color:#8A98C0;
  font-size:10px;
  text-align:center;
  padding:10px 0 0 0;
}

#footer div.content a{
  text-decoration:underline;
}

a.all{
  background:url(../images/all.gif) no-repeat top left;
  width:87px;
  height:17px;
  display:block;
  text-indent:-9000px;
}

a:hover.all{
  background:url(../images/all.gif) no-repeat bottom left;
  }

a.new{
  background:url(../images/new.gif) no-repeat top left;
  width:87px;
  height:17px;
  display:block;
  text-indent:-9000px;
}

a:hover.new{
  background:url(../images/new.gif) no-repeat bottom left;
  }
a.more{
  background:url(../images/mais.gif) no-repeat top left;
  width:87px;
  height:17px;
  display:block;
  text-indent:-9000px;
}
a:hover.more{
 background:url(../images/mais.gif) no-repeat bottom left;
}

/**** pg principal ****/
#pg_ div.schedules,
#pg_principal div.schedules{
  background:url(../images/box_middle.jpg) repeat-y top left;
  width:175px;
  float:left;
  padding:0 10px;
  margin: 20px 0;
}

div.schedules{
  background:url(../images/box_middle.jpg) repeat-y top left;
  width:175px;
  padding:0 10px;
  margin:0 auto 10px auto;
}

div.schedules p{
  margin:0;
  line-height:14px;
}

div.schedules a{
  display:block;
  clear:both;
  margin:0 0 20px 0;
}

div.schedules a.all,
div.schedules a.new{
  margin:0;
}

div.schedules a:hover p{
  color:#8A98C0;
}

div.schedules div.top{
  background:url(../images/box_top.jpg) no-repeat top left;
  display:block;
  height:11px;
  width:195px;
  margin:0 -10px;
}
div.schedules div.bottom{
  background:url(../images/box_bottom.jpg) no-repeat bottom left;
  display:block;
  height:11px;
  width:195px;
  margin:0 -10px;
}

#pg_ div.products,
#pg_principal div.products {
  background:#EDF2F4;
  width:200px;
  float:left;
  margin: 20px 15px;
  padding:0 10px;
}


div.products{
  margin:0;
  background:#EDF2F4;
  width:200px;
  padding:0 10px;  
}

#pg_principal div#content div.content_aux div.products {
  margin:20px 10px;
}



div.products div.top{
  background:url(../images/box1_top.gif) no-repeat top left;
  display:block;
  height:6px;
  width:220px;
  margin:0 -10px;
}

div.products div.services h2, p.resumo-servico {
  width: 180px;
}


div.products div.bottom{
  background:url(../images/box1_bottom.gif) no-repeat bottom left;
  display:block;
  height:6px;
  width:220px;
  margin:0 -10px;
}

div.box{
  float:left;
  margin:20px 15px 20px 0;
}

a.know{
  background:url(../images/loja.jpg) no-repeat top left;
  height:108px;
  width:220px;
  display:block;
  text-indent:-9000px;
}

a:hover.know{
  background:url(../images/loja.jpg) no-repeat bottom left;
}

a.suporte{
  background:url(../images/suporte.jpg) no-repeat top left;
  width:152px;
  height:90px;
  display:block;
  text-indent:-9000px;
  margin:0 0 20px 0;  
}
a:hover.suporte{
  background:url(../images/suporte.jpg) no-repeat bottom left;
}

/******** pg quem somos *******/
div.box_left{
  float:left;
  width:620px;
  margin:20px 20px 20px 0;
}

div.box_left img.company{
  float:right;
  margin:0 0 0 10px;
}

div.box_right{
  float:left;
  margin:20px 0;
}

.jFlowControl2{
  cursor: pointer;
  margin: 0 2px;
}

#myController2 span img{
  background:url(../images/mini_photo.gif) no-repeat top left;
  padding:5px;
  margin:10px 0;
}
#mySlides2{
  float:left;
}

/*********** cases ***************/
#pg_cases ul#cases li {
  list-style-image: none;
  margin: 10px 0;
  display: block;  
}

#pg_cases ul#cases a.item {
  background: url(../images/arrow_gray.gif) no-repeat center left;
  padding: 0 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  font-family: arial, sans-serif;
  margin: 20px 0;
  display: block;
}



/*********** caso ***************/
#pg_caso .box_left a {
  margin: 5px 15px 10px 0;
  display: block;
  text-align: right;
}

#pg_caso .box_left h3 {background: none;}

#pg_caso .box_left p {
  font-size: 13px;
  width: 520px;
  margin: 20px 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #999;  
}



/********** produtos e servicos *************/
#pg_produtos-servicos ul#lista li div ul li{
  line-height:20px;
  list-style-image:url(../images/point.gif);
  margin:0 0 0 20px;
}

#pg_produtos-servicos ul#lista li {
  list-style-image:none;
}

#pg_produtos-servicos ul a.schedules {
  background:url(../images/arrow_gray.gif) no-repeat center left;
  padding:0 0 0 15px;
  display:block;
  font-size:16px;
  font-weight:bold;
  font-family: arial, sans-serif;
}

#pg_produtos-servicos ul li {
  margin:0 0 10px 0;
}

#pg_produtos-servicos ul div {
  border:1px solid #fff;
  display:inline;
  height: 100%;
  margin:10px 0 0 0;
}

#pg_produtos-servicos ul div img{
  float:left;
  margin: 0 25px 0 0;
  border:1px solid #f2f2f2;
}

#pg_produtos-servicos ul div span.cliente {
  background:url(../images/img_case.gif) no-repeat top left;
  display:block;
  height:93px;
  width:116px;
  padding:7px;
  margin:0 10px 0 0;
  float:left;
}

#pg_produtos-servicos ul div a {float:right;}



/******* fale conosco **************/
#pg_fale-conosco div.send{
  background:url(../images/fale_top.gif) no-repeat top left;
  width:619px;
  margin:0 0 20px 0;
}
#pg_fale-conosco div.send div.form{
  float:left;
  width:375px;
  margin:3px 0 0 0;
  padding:10px;
  background:#EAE9DF;
  height:160px;
}

#pg_fale-conosco div.send div.address{
  float:left;
  background:#F9F8F6;
  width:203px;
  height:180px;
  _height:190px;
  margin:3px 0 0 0;
  padding: 0 10px;
  font-weight:bold;
}

#pg_fale-conosco form label{
  width:80px;
  font-weight:bold;
  padding:0 5px 0 0;
  float:left;
  text-align:right;
  margin:0 0 8px 0;
}

#pg_fale-conosco form input,
#pg_fale-conosco form textarea{
  width:280px;
  margin:0 0 8px 0;
}

#pg_fale-conosco form input.submit{
  float:right;
  width:100px;
  background:none;
  border:0;
  font-weight:bold;
  font-size:14px;
  color:#25456D;
  cursor: pointer;
}

#pg_fale-conosco div.send div.address span{
  text-align:right;
  width:190px;
  float:right;
  margin:0 10px 0 0;
  color:#DD5402;
}
#pg_fale-conosco div.send div.address span a{
  color:#DD5402;
}

#pg_fale-conosco div.send div.address span a:hover{
  color:#8A98C0;
}

#pg_fale-conosco div.send div.end{
  background:url(../images/fale_bottom.gif) no-repeat top left;
  width:619px;
  height:3px;
  display:block;
}

/************ links ***************/
#pg_links div.box_left a{
  display:block;
}

#pg_links div.box_left a span{
  display:block;
  background:url(../images/img_case.gif) no-repeat top left;
  width:126px;
  height:103px;
  padding:7px;
  float:left; 
  cursor: pointer;
}

#pg_links div.box_left a p.link{
  background:url(../images/go.gif) no-repeat center left;
  padding:0 0 0 15px;
  float:left;
}

#pg_links div.box_left a:hover h2{
  color:#8A98C0;
}

/********* paginacao *************/
 .paginacao { color:#862E13; width:100%;  border-top:1px solid #f1f1f1; font-size:11px; padding:5px 0; margin:20px 0 0 0; text-align:center; clear:both; display:table; }
 .paginacao p a { background-color:#FFF; color:#4C5044; background-color:#E4E4E4; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
 .paginacao p a:hover { background-color:#25446C; color:#FFF; text-decoration:none; }
 .paginacao p span { background-color:#25446C; padding:0px 4px; color:#FFF; }
 .paginacao h4 { float:left; font-size:11px; color:#000; }
 .paginacao p { float:right; margin:0px; }


/************ area restrita ****************/
#pg_area-restrita div.box_left div.products{
  margin:0 0 0 200px;
}
#pg_area-restrita div.box_left div.products p{
  font-weight:bold;
}
#pg_area-restrita div.box_left div.products form{
  padding:10px;
}
#pg_area-restrita div.box_left div.products form input{
  width:170px;
  border:0;
  color:#25456D;
  padding:5px;
}

#pg_area-restrita div.box_left div.products form input.submit{
  width:auto;
  margin:10px 0 0 0;
  float:right;
}

#pg_area-restrita div.box_left div.products form label{
  float:left;
  width:50px;
  text-align:right;
  padding: 0 10px 0 0;
}

/********** resposabilidade social ***********/
#pg_responsabilidade-social div.box_left a{
  display:block;
  background:url(../images/img_case.gif) no-repeat top left;
  width:126px;
  height:103px;
  padding:7px;
  float:left; 
  cursor: pointer;
}

.desconectar{
  background:url(../images/x.gif) no-repeat top left;
  padding:0 0 0 20px;
  height:20px;
  color:#133B5E;
  font-weight:bold;
  float:right;
  display:block;
}

fieldset{
  border:3px solid #EDF2F4;
  margin:10px 0;
  padding:10px;
}

legend{
  background:#EDF2F4;
  padding:5px;
  margin:0 10px;
  color:#25456D;
}

/******** agenda ********/

ul.meses{
  margin:25px 0;
}
ul.meses li{
  display:inline;
  margin:0;
}

ul.meses li a{
  padding:5px 6px;
  border:2px solid #D8E0E1;  
}

ul.meses li a.selecionado{
  background:#D8E0E1;
  font-weight:bold;
  border:2px solid #D8E0E1;  
}

ul.meses li.divisao{
  border:none;
  margin:0 15px;
}


#pg_agenda div.date{
  background:url(../images/date.gif) no-repeat top left;
  width:86px;
  height:38px;
  display:block;
  text-align:center;
  padding:3px 0 0 0;
  float:left;
  margin:0 10px 0 0;
}
#pg_agenda div.date p{
  margin:3px 0;
  font-size:16px;
  color:#25456D;
  font-weight:bold;
}
#pg_agenda div.date span{
  font-size:10px;
}

#pg_agenda div.proximo{
  margin:20px 0 30px 0;
}

#gallery img {
	border: none;
}
#gallery ul {
	margin: 0;
	padding: 0;
}
#gallery ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#gallery ul li {
	list-style-type: none;
	float: left;
	margin: 0 10px 10px 0;

}
#gallery ul li a, ul li a img {
	float: left;
	overflow: hidden
}
#gallery ul li a:hover {
	border: 3px solid #25456D;
}
#gallery ul li a:hover img {
	margin: -3px
}