* { margin: 0;padding: 0; }

/**
*
*  comentários temporários
*
*/
.erro { color:#F00; } 
body {
	background: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #26323C;	
}
form fieldset {	border: 0; }

img { border:0; margin:0 }

#main {
	position: relative;
	width: 100%;
	height:100%;
	text-align:left;
	margin: 0 auto;
	background-image:url(img/fundo.gif);
	background: #FFF;
	border-bottom: thin #999999 solid;
}
#topo, #conteudo{
	width: 100%;
}
#topo, #conteudo,
/*
#conteudo2, #conteudo #img_secao,
#conteudo #conteudo_secao,
#conteudo_secao #texto, #conteudo_secao #texto p,
#conteudo_secao #banner,
*/
#topo ul, #topo ul li, #topo form { position: relative; float: left; }

/*
#conteudo #conteudo_secao, #conteudo_secao #texto, #conteudo_secao #texto p {
 width: auto;
}
*/

/* Topo */
#topo {
	height: 128px;
	z-index: 500;
	background: #FFF url(../img/bkg_header2.jpg) repeat-x;
}

#topo #header_index,  #topo #header_empresa,  #topo #header_prod,  #topo #header_serv,  #topo #header_contato {
	width: 100%;
	height: 100px;
	float: left;
	margin: 0;
}
/* background da div#header nas seções */
#topo #header_index { background: url(../img/bkg_header_index.jpg) no-repeat right top; }
 
#topo #header_empresa {	background: url(../img/bkg_header_emp.jpg) no-repeat right top; }

#topo #header_prod { background: url(../img/bkg_header_prod.jpg) no-repeat right top; }

#topo #header_serv { background: url(../img/bkg_header_serv.jpg) no-repeat right top; }

#topo #header_contato {	background: url(../img/bkg_header_contato.jpg) no-repeat right top; }

#topo div a {}

#topo div a img { float: left; margin:0; }

#topo ul { width: 67%; height: 2.3em; list-style: none; }

#topo ul li {
	width: 16%;
	height: 2.3em;
	line-height: 2.3em;
	text-align: center;
	text-transform: uppercase;
}
#topo ul li a {
	font-size: 1.1em;
	color: #003663;
	font-weight: bold;
	display: block;
	text-decoration: none;
	width: 100%;
}
#topo ul li a:hover, #topo ul li a.active, #topo ul li a.active:hover {
	color: #FFF;
	background: #FEB813;
}

#topo ul li a.active { background: #dfa507; }

#topo form { width: 33%; }

#topo form fieldset div,  #topo form fieldset div label,  #topo form fieldset div input {
	float: left;
	display: inline;
}
#topo form fieldset div { width: 44%; height: 2.3em; }

#topo form fieldset div label {
	width: 32%;
	font-size: 1em;
	height: 2.3em;
	line-height: 2.3em;
	display: inline;
}
#topo form fieldset div input {
	width: 58%;
	margin: .3em 0 0 0;
	padding: .1em .2em;
	font-size: 1.1em;
	border: 1px #999 solid;
}

#topo form fieldset div#btnsubmit { width: 11%; }

#topo form fieldset div#btnsubmit input {
	background: #cc9900;
	border: 0;
	padding: .1em 0;
	width: 99%;
}

/* div#conteudo */

#conteudo {
	position: relative;
	width: 96%;	
	padding: 1% 2%;
	margin: 0 0 1em 0;	
}

#conteudo h2 { font-size: 1.8em; padding: 1em 0 0 0; color: #003662; }

#conteudo h3 { font-size: 1.6em; margin: 1em 0; }

#conteudo p { margin: 1em 1em 0 0; font-size: 1.2em; line-height: 1.4em; width: auto; text-align: justify; }

#conteudo p a { color: #075593; }

/* hydran.php */
#conteudo table, #conteudo table tr th, #conteudo table tr td { border-left: 1px #b4cde1 solid; } 

#conteudo table { font-size: 12px; width: 85%; float: none; margin: 2em auto; border: 1px #b4cde1 solid; border-left: none; }

#conteudo table tr { }

#conteudo table tr.header {}

#conteudo table tr.cor { background: #c9dded}

#conteudo table tr th { background: #003662; color: #FFF; padding: .5em 0; text-align: center; }

#conteudo table tr td { padding: .5em; text-align: center; }

#conteudo table tr td.left { text-align: left;}

/* */

#conteudo #imagem, #conteudo #texto { position: relative; float: left; }

#conteudo #imagem { height: auto; padding: 0 1.5em .2em 0; width: auto; }

#conteudo #imagem.produtos { margin: 0 0 1.5em 0; }

/* #conteudo #indice, #conteudo #produtos {  } */

#conteudo #indice {
	padding: 1.5em 0 1em 1em;
	border-top: 1px #999 dashed;
	border-bottom: 1px #999 dashed;		
	display: table;
	clear: left;	
}

#conteudo #indice ul { width: 99%; }

#conteudo #indice ul li {
	position: relative;
	width: 49%;
	vertical-align: middle;
	float: left;
	margin: 0 .6em .5em 0;	
	list-style: none;
}

#conteudo #indice ul li img {  }

#conteudo #indice ul li a, #conteudo #indice ul li strong {
	font-size: 1.2em;
	color: #26323C;
	font-weight: bold;
	margin: 0;
}

#conteudo div.itemServ div.desc p.detalhes a:hover,
#conteudo #indice ul li a:hover { color: #F8B00E; }

#conteudo #indice ul li strong { color:#FF6600; text-decoration:underline; }

/* div#produtos */

#conteudo #produtos { color: #26323C; }

#conteudo #produtos h3 {	
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px #26323C solid;
}

#conteudo #produtos ul {}

#conteudo #produtos ul li { list-style: none; }

#conteudo #produtos ul li h4 { font-size: 1.4em; }

#conteudo #produtos ul li dl { padding: 0px 5px 10px 15px; }

#conteudo #produtos ul li dl dt {
	font-size: 1.2em;
	padding: 10px 0 1px 0;
}
#conteudo #produtos ul li dl dd {
	font-size: 1.2em;
}

/* banners */
#conteudo #banner {	
	height: auto;
	width: 85%;
	padding: 1em 0;
	margin: 1em auto;
	text-align: center;
}

#conteudo #banner_home {	
	width: auto;
	height: auto;
	padding: 0 0 .2em 1.5em;
	float: right;		
}

/* largura e margens iguais */
#conteudo p.back,
#conteudo #indice,
#conteudo #produtos,
#conteudo div.itemServ { width: 99%; margin: 1.5em auto 2em auto; }

#conteudo #indice.serv {
	border: none;	 	
	border-left: 1px #999 dashed;
	padding: 1.5em 0;	
	margin: .3em 0 0 1em;
	clear: none;
	float: right;		
	width: 45%;	
}

#conteudo #indice.serv ul {
	
}

#conteudo #indice.serv ul li {	
	width: 93%;
	float: none;
	margin: 0 0 .5em 2.5em;
	vertical-align: middle;
	list-style: square;	
}

#conteudo #indice.serv h3 { margin: 0 0 .5em .5em; width: 90%; }

#conteudo #indice.serv ul li a, #conteudo #indice.serv ul li strong { font-size: 12px }

/* link voltar ao topo */
#conteudo p.back { padding: .5em 0; margin: 1em auto 0 auto; text-align: right; }

#conteudo p.back a { color: #075593; }

#conteudo p a:hover {color: #F8B00E; }


/* soluçoes */

#conteudo div.itemServ {
	border-bottom: 1px #CCC solid;
	margin: 0 auto;
	padding: 20px 0 20px 0;	
	display: table;
}

#conteudo div.itemServ div.img,
#conteudo div.itemServ div.imgRight {
	width: 206px;
	height: 150px;
	float: left;
	margin: 0 1em .5em 1em;	
}

#conteudo div.itemServ div.imgRight { float: right; }

#conteudo div.itemServ h3 {	
	color: #26323C;
	margin: 0 0 5px 0;
}
#conteudo div.itemServ p { margin: 0; }

#conteudo ul.lista {
	float: none;
	width: auto;
	margin: 1em 0;	
}

#conteudo ul.lista li {
	list-style: disc;	
	width: auto;
	font-size: 1.2em;
	margin: 0 0 .5em 3em;	
}

/* contato */

#form_contato {
	width: 43.5em;
	margin: 0 0 0 1em;
	height: auto;	
	float: left;
	padding: .5em 0 1em 1em;	
	border-left: 1px #CCC solid;	
	color: #333;
}

#form_contato fieldset {  }

#form_contato fieldset legend {
	font-size: 1.2em;
	float: left;
	color: #333;	
}

#form_contato fieldset div {
	position: relative;
	float: right;
	display: inline;
	width: 409px;
	margin: .5em 0;
}

#form_contato fieldset div label,
#form_contato fieldset div input,
#form_contato fieldset div select,
#form_contato fieldset div textarea {
	border: 1px #003663 solid;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 400px;	
}

#form_contato fieldset div label {	
	font-weight: bold;
	margin: 0 .8em 0 0;
	border: none;
}
#form_contato fieldset div input, form fieldset div textarea { padding: .3em; }

#form_contato fieldset div select {	width: 15em; }

#form_contato fieldset div input#btn_form_contato {
	padding: 5px 15px;
	float: right;
	width: 20%;
	background: #003663;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;	
}

/* rodape */

#rodape {
	height: 23px;
	border-top: 3px #FEB813 solid;
	clear: both;	
}

#rodape p, #rodape address {
	height: 20px;
	width: 20%;
	line-height: 20px;	
	text-align: center;
	font-size: 1.1em;
	float: left;	
}
#rodape p.copyright {
	width: 13%;
	color: #333;
}
#rodape p a.developer {
	color: #E18400;
	text-decoration: none;
}
#rodape p a.developer:hover {
	text-decoration: underline;
}
#rodape address {
	font-style: normal;
	width: 67%;
	font-weight: normal;
	color: #036;
}

/* classes gerais */

.hidden {
	display: none;
}
.clear {
	clear: both;
	width: 99%;
	height: 1px;
	padding:0;
	margin:0;
}