@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; border: none; outline: none;}

ul {list-style: none;}
p, li {margin-bottom: 10px;}
body {color: #384a58; text-align: left; background:url(images/bg-top.jpg) repeat-x #FFF;}

a:link, a:visited, a:active {text-decoration: underline;}
a:hover {text-decoration: none;}

div#container {width: 950px; margin:0 auto;}

div#header {width: 950px; float: none; height: 162px; position: relative; margin: 0;}

	div#logo {text-indent:-5000em; overflow: hidden; display: block; height: 150px; width:150px; 
		  		background: url(images/logo.png) no-repeat; margin: 8px 0 0; float: left;}
	
	div#HeaderRight {float: right; width: 790px;}
	div#HeaderRight ul li.line {float: right; width: 790px;}
			
 	div#SearchBox {width: 205px; float: right; margin-top: 13px;}
	div#SearchBox form input#q {width: 170px; padding: 2px; border: 1px solid #d1d1d1; float: left;}
	div#SearchBox form input#btPesquisar {width: 18px; height: 18px; text-indent: -5000em; overflow: hidden; display: block; background: url(images/bt-search.png) no-repeat; margin: 0; float: right;}

	div#TopMenu {width: 350px; float: right; text-align: right; margin-top: 23px;}
	div#Slogan {width: 300px; float: left; text-align: left; margin-top: 20px;}

	div#header ul {list-style: none}
	
	div#header div#navigation {position: relative; margin-top: 31px; float: right;}
	div#header div#navigation ul {float: right; list-style: none;}
	div#header div#navigation ul li {float: left; margin-left: 28px;}
	
	
	div#general {margin: 5px 0 0;}
	
	div#teaser {width: 617px; height: 311px; float: left; overflow: hidden; margin: 0 21px 0 6px;}
	div#testeira {width: 617px; height: 311px; float: left;}
	
	div#ProductFinder {width: 211px; height: 108px; overflow: hidden; background: url(images/bg-productfinder.jpg) no-repeat; padding: 44px 0 0 95px;}
		div#ProductFinder select {width: 193px; height: 18px; border: 1px solid #cccccc; margin-top: 3px;}
		div#ProductFinder #btBuscarProduto {margin-top: 3px;}
		
	div#CustomerService {width: 264px; height: 112px; overflow: hidden; background: url(images/bg-customerservice.jpg) no-repeat; padding: 47px 0 0 42px;}
	div#CustomerService ul li {height: 20px; margin-bottom: 6px !important;}
	
	
	div#home-content {margin: 10px 0; width: 1000px}
		div#home-content ul li.hc {margin: 10px 4px 0 6px; float: left; overflow: hidden; height: 183px;}
		div#home-content ul li.hc:last-child {margin-right: 0}
		
		div#home-content ul li#ABelver {width: 282px; margin-right: 20px !important; background: url(images/bg-home-aempresa.jpg) no-repeat right -30px;}
			div#home-content ul li#ABelver h3 {margin-bottom: 10px;}
			div#home-content ul li#ABelver img {margin-top: 10px;}
			
		div#home-content ul li#Noticias {width: 312px; margin-right: 20px !important;}
			div#home-content ul li#Noticias ul li {padding: 5px 10px 5px 10px; border-left: 3px solid #d2d2d2; background-color: #e6e6e6; margin-bottom: 2px !important;}
			div#LinkTodasNoticias {float: right; margin-top: -20px;}
		
		div#home-content ul li#EntreEmContato {width: 300px; margin-right: 0 !important;}
			div#home-content ul li#EntreEmContato h3 {margin-bottom: 10px;}
			div#home-content ul li#EntreEmContato img {margin-top: 5px;}
			
			
	div#InternalSubContent {margin: 10px 0; width: 1000px}
		div#InternalSubContent ul li.hc {margin: 10px 4px 0 6px; float: left; overflow: hidden; height: 183px;}
		div#InternalSubContent ul li.hc:last-child {margin-right: 0}
		
		div#InternalSubContent ul li#ABelver {width: 282px; margin-right: 20px !important;}
			div#InternalSubContent ul li#ABelver h3 {margin-bottom: 10px;}
			div#InternalSubContent ul li#ABelver img {margin-top: 10px;}
			
		div#InternalSubContent ul li#Customer {width: 312px; margin-right: 20px !important;}
			div#InternalSubContent ul li#Customer ul li {padding: 5px; background-color: #8394a7; margin-bottom: 2px !important;}
			div#InternalSubContent ul li#Customer h3 {margin-bottom: 10px;}
		
		div#InternalSubContent ul li#EntreEmContato {width: 300px; margin-right: 0 !important;}
			div#InternalSubContent ul li#EntreEmContato h3 {margin-bottom: 10px;}
			div#InternalSubContent ul li#EntreEmContato img {margin-top: 5px;}
			
			
	div#content {margin: 10px 0}
		div#content ul li.content-box {	width: 321px; margin: 10px 9px 0 0; float: left; overflow: hidden; height: 203px;
							background-image: url(images/bg-content-bottom.jpg); background-repeat: no-repeat; background-position: center center;}
	
		div#content ul li#Reconhecimento div.ContentLine3 {padding: 20px;}
			div#content ul li#Reconhecimento div.ContentLine3 ul {list-style-image: url(images/bullet.gif); list-style-position: outside; margin-left: 16px;}
			
		div#content ul li#sobrePadreHaroldo div.ContentLine3 {background: url(images/home-bg-box-padre.png) no-repeat 6px 12px; width: 302px; height: 164px;}	
				div#content ul li#sobrePadreHaroldo div.ContentLine3 ul {margin: 21px 0 0 30px; float: left; list-style-image: url(images/bullet3.gif); list-style-position: outside; margin-left: 16px;}
					div#content ul li#sobrePadreHaroldo div.ContentLine3 ul li {height: 21px; margin-top: 1px !important; margin-bottom: 1px !important; margin-right: 1px !important;}
					
					
		div#content ul li#depoimentos {margin-right: 0 !important}
			div#content ul li#depoimentos div.ContentLine3 {padding: 20px;}
			
		div#content ul li div.contentBottomTitle {border-bottom: 1px dotted #000000; margin:10px 15px 0 12px; padding:0 0 0 2px;}
		div#content ul li div.contentBottomTitle img {float: right; margin-top: 2px;}

div#bottomContent {background: url(images/bg-content-footer.jpg) center repeat-y; float: left; width: 950px; margin: 5px 0 35px 0;}
	
div#footer {clear: both; background: #777877 url(images/bg-footer.png) repeat-x; height: 111px; color: #FFF; float: left; margin-TOP: 15px; width: 100%}

	div#footer div#footerContents {width: 950px; margin: 10px auto; clear: both}
	div#footer div#footerContents div#rights {width: 300px; float: left; margin: 0; clear: both;}
	div#footer div#footerContents div#producer {text-indent:-5000em; overflow: hidden; height: 19px; width: 101px; background: url(images/ico-roxie.png) no-repeat; float: right; margin: 0}
		div#footer div#footerContents div#social {float: left}
		div#footer div#footerContents div#footer-navigation {float: right; text-align: right;}
			div#footer div#footerContents div#footer-navigation ul li {float: left; padding: 0 10px; border-right: 1px solid white;}
			div#footer div#footerContents div#footer-navigation ul li:last-child {border-right: none !important; padding-right: 0 !important; }

.secTitle {color: #184a6d; font-size: 16px; font-family: Frutiger57Cn;}
.secTitle a:link, .secTitle a:visited, .secTitle a:active, .secTitle a:hover {color: #184a6d; font-size: 16px; text-decoration: none}
.txtSubtitle {font-face: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #6e6e6e; width: 122px;}

.txtSubMenu {font-face: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #6e6e6e;}
.txtSubMenu a:link, .txtSubMenu a:visited, .txtSubMenu a:active {text-decoration: none; color: #6e6e6e;}
.txtSubMenu a:hover {text-decoration: none; color: #C30}


.whiteH2 {color: #FFF; font-size: 18px; margin-bottom: 20px; font-weight: normal;}
.whiteH2 a:link, .whiteH2 a:visited, .whiteH2 a:active {color: #FFF; text-decoration: none}
.whiteH2 a:hover {color: #FFF; text-decoration: underline}

.whiteH3 {color: #FFF; font-size: 13px; font-weight: normal;}
.whiteH3 a:link, .whiteH3 a:visited, .whiteH3 a:active, .whiteH3 a:hover {color: #FFF; font-size: 13px; font-weight: normal; text-decoration: none}

.blueH2 {color: #145d92; font-size: 20px; font-weight: normal; padding: 10px 0 15px;}
.blueH3 {color: #145d92; font-size: 15px; font-weight: normal;}

/*PÁGINAS INTERNAS*/
div#subMenu {width: 250px; float: left; margin: 10px 0; background: url(images/content-bg-middle.jpg);}
	div#subMenu div#subNavigation {min-height: 200px; float: left; background-image: url(images/content-bg-top.jpg); background-repeat: no-repeat; background-position: 0 0; width: 235px; padding: 15px 0 0 15px}
	div#subMenu div#subNavigation ul {border-top: 1px dotted #677; margin: 15px 0; width: 220px}
	div#subMenu div#subNavigation ul li {width: 200px; padding: 8px 10px; border-bottom: 1px dotted #677; margin-bottom: 0}
	div#subMenu div#subBottom {float: left; background-image: url(images/content-bg-bottom.jpg); background-repeat: no-repeat; background-position: bottom left; width: 250px; height: 10px;}

div#generalInt {background-image: url(images/content-bg-middle.jpg); background-repeat: repeat-y; background-position: right; margin: 18px 0 0;}

div#internalContent {float: left; padding: 0 0 0 5px;}
div#internalContent div#content-middle {padding: 10px 20px 10px 20px; min-height: 300px; background: url(images/content-middle.png); float: left; width: 904px;}
	div#internalContent ol {list-style: decimal inside;} 
		div#breadCrumbs {margin: 0 0 15px 0; float: none;}   
	h3.conteudo {margin: 25px 0}
	
	div#conteudoFixo h3 {margin: 25px 0}
	div#conteudoFixo h4 {margin: 15px 0 5px}
	
	
	.Largura400 {width: 420px; float: left;}
div#internalContentFooter {float: right; background-image: url(images/content-bg-bottom.jpg); background-repeat: no-repeat; background-position: bottom left; width: 731px; height: 10px;}



ul#CategoryList h3 {padding: 10px; background: #c5c5c5 url(images/bg-categorylist-top.png) top center repeat-x; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 1px;}
ul#CategoryList div {padding: 10px; background: #FFF; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #C5C5C5; min-height: 330px;}
	
ul#CategoryList li {float: left;}
	ul#CategoryList li#area {width: 226px; margin-left: 1px;}
	ul#CategoryList li#tecnologia {width: 445px; margin-left: 1px;}
	ul#CategoryList li#aplicacao {width: 226px; margin-left: 1px;}
	
	
	

ul#CategoryList div ul li {width: 200px; margin: 5px 0;}


div#CategoriesButtons {width: 33px; float: left; cursor: pointer;}
div#CategoriesButtons ul li {margin-bottom: 0;}
	div#CategoriesButtons ul li#btArea {height: 56px;}
	div#CategoriesButtons ul li#btTecno {height: 98px;}
	div#CategoriesButtons ul li#btApl {height: 91px;}
	
	div#subNavigation {float: left; width: 290px;}
	div#subNavigation h2 {margin-bottom: 10px;}
	div#subNavigation .ProductListMenu {display: none; width: 217px; padding: 12px; border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; float: left;}
	div#subNavigation .ProductListMenu ul li {border-top: 1px dotted #FFF; padding: 7px 10px 7px 5px; margin-bottom: 0 !important;}
	div#subNavigation .ProductListMenu ul li img {margin-right: 4px;}
	div#subNavigation .ProductListMenu ul li:last-child {border-bottom: 1px dotted #FFF;}
	
	div#subNavigation div#Products-Area {background: url(images/bg-menu-area.png);}
	div#subNavigation div#Products-Tecnologia {background: url(images/bg-menu-tecno.png);}
	div#subNavigation div#Products-Aplicacao {background: url(images/bg-menu-aplicacao.png);}
	div#subNavigation .selectedmenu {padding-left: 20px !important;}
	
	h2#productLineTitle {margin-bottom: 10px;}


div#conteudo {float: left; width: 904px;}
div#conteudo.subnav {width: 580px; margin-left: 15px;}

img#contentImage {float: right; margin: 0 0 10px 10px; border: 2px solid #7690b3;}

div#BodyContent {float: left;}

ul.List {border-top: 1px solid #b4b4b4; border-bottom: 1px solid #fff;}
  ul.List li {padding: 10px; margin-bottom: 0; border-top: 1px solid #fff;border-bottom: 1px solid #b4b4b4;}
	ul.List li img {margin-right: 5px;}


ul#listaNoLink {list-style: none;}
	ul#listaNoLink li {float: none; padding: 8px;}
	ul#listaNoLink li table tr td.imgLogo{width: 150px;}
	ul#listaNoLink li table tr td.txtLogo{}
	
div#conteudoInternoGaleria {width: 250px; float: right}
	div#conteudoInternoGaleria ul#ListaImagensGaleria li {width: 100px; float: left; height: 70px; overflow: hidden; margin: 0 0 15px 15px}
	div#conteudoInternoGaleria ul#ListaImagensGaleria li a {width: 100px; float: left; height: 70px; text-indent: -59999px; margin: 0}

div#lista {border-top: 1px dotted #999}
div#lista ul li.listContent {
							padding: 5px 10px 5px 25px; margin: 0; border-bottom: 1px dotted #999;
							background: no-repeat url(images/bullet.gif) 11px 10px
							}

div#formContato table#formTable td {padding: 2px 0;}
div#formContato table#formTable td input.formInput, div#formContato table#formTable td textarea {padding: 4px; background-color: #e5e5e5; border: 1px solid #C3C3C3; color: #333; width: 90%;}


ul.conteudo-lista-imagens {list-style: none;}
	ul.conteudo-lista-imagens li {width: 160px; margin-right: 10px; height: 160px; float: left;}