body {
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
		
}
h1,h2,hr { display:none; }

#conteiner {width: 100%;margin-left:auto; margin-right:auto;}

/* header */
#header {height: 120px;background: url(../img/header-bg.gif) repeat-x;width: 100%; display: block;}
#header .logo {background:url(../img/logo_marca_2009.gif) no-repeat;width: 263px;height: 100px; float:left; margin: 0 0 0 10px;}

#login { float:right; color: #333333; margin: 10px 10px 0 0; display: block;}
#login fieldset { border: 0; }
#login legend { display: none; }
#login .txt {border: 1px #ffcc00 solid; padding: 3px 5px;cursor: text;text-decoration: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
#login .bt {border: 1px  #ffcc00 dotted;color:#fff;background: #ffcc00 ;padding: 2px 5px;cursor:pointer;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
/* fim header */


/* menu */
#menu {clear: left;float:left;background:url(../img/menu-bg3.png) repeat-x;height: 77px;width: 100%;margin: 0;padding: 0;}

#nav { margin: 0; padding:0;}
#nav ul {list-style:none;margin:0;padding:0; width: 800px; margin-left:auto; margin-right:auto;}
#nav span {display:none;}
#nav li {float:left;width: 91px;height: 66px;cursor: pointer;}	
#nav a {width: 91px;height: 66px;cursor: pointer; float:left;}	
#nav li { margin-left: 15px;}

#nav .home a { background:url(../img/ico-menu-home.png) no-repeat;}
#nav .home a:hover { background:url(../img/ico-menu-home-hover.png) no-repeat;}
#nav #home { background:url(../img/ico-menu-home-hover.png) no-repeat;}	

#nav .sobre a { background:url(../img/ico-menu-sobre.png) no-repeat;}
#nav .sobre a:hover { background:url(../img/ico-menu-sobre-hover.png) no-repeat;}
#nav #sobre { background:url(../img/ico-menu-sobre-hover.png) no-repeat;}	

#nav .solucoes a { background:url(../img/ico-menu-solucoes.png) no-repeat;}
#nav .solucoes a:hover { background:url(../img/ico-menu-solucoes-hover.png) no-repeat;}	
#nav #solucoes { background:url(../img/ico-menu-solucoes-hover.png) no-repeat;}

#nav .portfolio a { background:url(../img/ico-menu-portfolio.png) no-repeat;}
#nav .portfolio a:hover { background:url(../img/ico-menu-portfolio-hover.png) no-repeat;}	
#nav #portfolio { background:url(../img/ico-menu-portfolio-hover.png) no-repeat;}

#nav .clientes a { background:url(../img/ico-menu-clientes.png) no-repeat;}
#nav .clientes a:hover { background:url(../img/ico-menu-clientes-hover.png) no-repeat;}	
#nav #clientes { background:url(../img/ico-menu-clientes-hover.png) no-repeat;}

#nav .blog a { background:url(../img/ico-menu-blog.png) no-repeat;}
#nav .blog a:hover { background:url(../img/ico-menu-blog-hover.png) no-repeat;}	
#nav #blog { background:url(../img/ico-menu-blog-hover.png) no-repeat;}


#nav .contato a { background:url(../img/ico-menu-contato.png) no-repeat;}
#nav .contato a:hover { background:url(../img/ico-menu-contato-hover.png) no-repeat;}
#nav #contato { background:url(../img/ico-menu-contato-hover.png) no-repeat;}	
/* fim menu */

/* content */
#content {clear:left;background:#fff;min-height: 280px;margin: 0 ;padding: 0px ; width: 100%;}
#content a { padding: 0; margin: 0;width:auto; color: #ffcc00;}
#content a:hover {padding: 0; margin: 0; width:auto; background: #ffcc00; color:#FFFFFF;}
#content1 {	margin: 0 15px 15px 15px;}
#content1-top1 {float:left;display:block; width: 15px; height: 15px; background: #fff ;}
#content1-top2 {float:left;display:block; width: 740px; height: 15px; background: #fff ;}
#content1-top3 {float:left;display:block; width: 15px; height: 15px; background: #fff ;}

#content1-meio {clear:left; background:#fff; width: auto; min-height: 200px; color: #333; padding: 0 0px 15px 0px;}
#content1-meio p { margin: 0 0 10px 0;}
#content1-meio h3 { font-size: 16px; margin: 0 0 10px 0;}
#content .topico {
	background: #ffcc00 ; color: #fff; display:block; padding: 4px;
	border: 1px #FFFFFF solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
#content1-meio .content-meio-left{ float:left; width: 280px; margin: 0 10px 0 0;}
#content1-meio .content-meio-right{ float: right; width: 455px;}


#blog {display: block;} 
#blog ul {}
#blog li { margin: 5px 0 0 0;}
#blog .data { font-size: 11px;}
#blog .titulo { font-weight: bold;}

/* fim content */

/* slide index */
#slider {
    width: 450px; /* important to be same as image width */
    height: 225px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0;
}
#sliderContent {width: 450px;position: absolute;margin: 0;padding: 0;}
#slider .sliderImage {float: left;position: relative;display: none;background: #FFFFFF;}
#slider .sliderImage span {position: absolute;font-size: 11px;padding: 10px 13px;width: 414px;background-color: #333;opacity: 0.8; color: #fff;display: none;}
#slider .sliderImage span strong {font-size: 14px;}
#slider .top {top: 0;left: 0;}
#slider .bottom {bottom: 7px;left: 5px;}
#slider ul { list-style-type: none;}
/* fim slide index */

/* solucao */
#slider_solucao {line-height: 130%;}
#slider_solucao h2 { display:block; font-size:18px;}
#slider_solucao h3 { margin: 5px 0 15px 0;}
#slider_solucao strong { margin: 10px 0;}
#slider_solucao p { margin: 5px 0 15px 0;}
#solucao_sidebar {float: left; width: 340px; margin: 10px 0 0 0 ;}
#solucao_sidebar .topico_sidebar { 
	width: 280px;
	padding: 10px 45px 10px 10px;
	border-top: 1px #CCCCCC solid; 
	height: 100px;
}
#solucao_sidebar .topico_sidebar_current {
	width: 280px;
	padding: 10px 45px 10px 10px;
	background:#fff url(../img/solucoes-seta.gif) no-repeat ;
	color:#FFFFFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;		
	height: 100px;
}
#solucao_sidebar .topico_sidebar_current a { color:#FFFFFF;}
#solucao_sidebar p { color:#333333;}

#slider_solucao {
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 720px;
  /*overflow: auto;*/
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  /*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}
.scrollContainer div.panel h2 { padding: 0; margin: 0 0 10px 0; }
.scrollContainer div.panel {
  padding: 5px 10px 10px 10px;
  height: 710px;
  width: 380px; /* change to 560px if not using JS to remove rh.scroll */
  word-spacing: 3px;
  line-height: 130%;
}	

#slider_solucao_conteudo { 
	padding: 10px;
	border: 5px #ffcc00 solid; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;		
}
#slider_solucao_conteudo { float:left; width: 400px;}
#slider_solucao_conteudo ul { padding: 0 0 0 20px;}
#slider_solucao_conteudo li { list-style:disc;}
/* fim solucao */

/* portfolio */
#pag_portfolio { margin: 0px 0 0 0; padding: 0;width: 770px;}
#pag_portfolio ul { margin: 0; padding: 0;}
#pag_portfolio li { /*float:left; width: 231px; */text-align: left; font-size: 17px; list-style:none; margin: 0 5px 0 0; padding: 5px 5px;}

#menu_categ {margin: 20px 0 20px 0;}
#menu_categ ul { margin: 0; padding: 0;}
#menu_categ li { display:inline; margin: 0; padding: 0; height: 30px;}
#menu_categ a { padding: 6px 10px 0px 10px; 
	border:1px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
#menu_categ a:hover { padding: 8px 10px 8px 10px;background:url(../img/submenu-bg.png) repeat-x;}
#menu_categ .current a { padding: 8px 10px 8px 10px;/*background: #d8a819;*/ color:#FFFFFF; background:url(../img/submenu-bg.png) repeat-x;}
#menu_categ_linha { clear:both;display:block; background:#ffc416; height: 6px; width: 770px; margin: 10px 0 0 0;}

#slider_portfolio {
    width: 740px; /* important to be same as image width */
    /*height: 113px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0;
}
#sliderContent_portfolio {margin: 0;padding: 0;}
#slider_portfolio .sliderImage_portfolio {float: left;position: relative;/*display: none;*/ margin: 5px 10px 0 10px; padding:0;}
#slider_portfolio .sliderImage_portfolio span {
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 5px;
	margin: 0 0 15px 0;
    width: 216px;
    background-color: #fff;
    color: #333;
    display: block;
}
#slider_portfolio .sliderImage_portfolio span strong {font-size: 14px;}
#slider_portfolio .top {top: 0;left: 0;}
#slider_portfolio .bottom {bottom: 7px;left: 5px;}
#slider_portfolio ul { list-style-type: none;}
#slider_portfolio h1 { font-size: 18px; display:inline; margin: 0;}
#slider_portfolio h2 { clear:both; display: inline; font-size: 12px; margin: 10px 0 0 0;}
/* fim portfolio */

/* solucoes */
#menu_categ_solucoes { margin: 0px 0 0 0; padding: 0;}
#menu_categ_solucoes ul { margin: 0; padding: 0;}
#menu_categ_solucoes li { /*float:left; width: 231px; */text-align: left; font-size: 17px; list-style:none; margin: 0 5px 0 0; padding: 5px 5px; }

#menu_categ_solucoes {margin: 20px 0 20px 0;}
#menu_categ_solucoes ul { margin: 0; padding: 0;}
#menu_categ_solucoes li { display:inline; margin: 0; padding: 0; height: 30px;}
#menu_categ_solucoes a { padding: 6px 10px 0px 10px; 
	border:1px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
#menu_categ_solucoes a:hover { padding: 8px 10px 8px 10px;background:url(../img/submenu-bg.png) repeat-x;}
#menu_categ_solucoes .current a { padding: 8px 10px 8px 10px;/*background: #d8a819;*/ color:#FFFFFF; background:url(../img/submenu-bg.png) repeat-x;}
#menu_categ_linha { clear:both;display:block; background:#ffc416; height: 6px; width: 770px; margin: 10px 0 0 0;}

/* */





/* contato */
#pag_contato {width: 430px; float:left; border-right: 1px #ccc solid; padding: 0; margin: 0 0 10px 0px;}
#pag_contato td { vertical-align:top;}
#contato_end {float:left; margin: 0 0 0 15px;}
/* fim contato */

/* footer */
#footer{width: 100%;color: #666666;font-size: 11px; background: #f5f5f5; font-weight: 900; padding: 6px 0 0 0;}  
#footer {}
#footer .mapa {float:left; margin: 0 20px 0 0 ; padding: 0 20px 0 0 ; border-right: 1px #ccc solid; height: 90px;}
#footer .mapa ul { margin: 0 0 0 5px; }
#footer .mapa_selos { float:right;}
#footer h4 { font-size: 14px; margin: 0 0 8px 0; background: #f5f5f5; padding: 4px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
 }
#footer .home {padding: 4px 4px 4px 15px;} 
#footer h4 a { font-size: 14px; text-decoration:underline; color:#666;}
#footer h4 a:hover {font-size: 14px; background: none; color:#666 ;}

#footer li { margin: 5px 0 0 0; font-weight: normal;}
#footer li a { font-size: 12px; text-decoration:underline; color:#666;}
#footer li a:hover { font-size: 12px; color:#666 ;}
#footer .copy { margin: 10px 0 0 0; padding: 10px 0 0 0; font-weight: normal; border-top: 1px #CCCCCC solid;}
/* fim footer */


#carregando {width: 300px;height: 200px;text-align:center;margin-left:auto;margin-right:auto;margin-top: 70px;}
.erro { color:#FF4A4A;}
.clear { clear:both;}
.hide { display:none;}
.img-portfolio { 
	border: 5px #ccc solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.txtForm {
	width: 300px;
	border: 1px #ccc solid;
	background: #F5F5F5;
	color:#333;
	padding: 2px 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;			
}
.areaForm {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;width: 300px;height: 80px;border: 1px #ccc solid;
	background: #F5F5F5;color:#333;padding: 2px 5px;		
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;
}
.btForm {
	border: 1px  #ccc dotted;color:#333;background: #ccc;padding: 2px 5px;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;
	cursor:pointer;	
}