form { display: inline; }
img { border:none; }
.fr { float: right; }
.fl { float: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.cb { clear: both; }
.cr { clear: right; }
.cl { clear: left; }

p {
color: #333;
text-align: justify;
line-height: 1.4em;
}

ul {
list-style-type: square;
line-height: 1.4em;
}

h1 {
font-size: 1.4em;
letter-spacing: .2em;
color: #000;
}

.subtitle {
background: #fff url(../img/sub.png) no-repeat;
padding-left: 30px;
margin-left: 8px;
color: #020251;
font-size: 13px;
}

h2 {
color: #000;
font-size: 1.1em;
letter-spacing: .2em;
border-bottom: 1px solid #aaa;
padding-bottom: 6px;
}

body {
margin: 0 auto;
font-family:  Arial, Helvetica, sans-serif;
font-size: .75em;
letter-spacing: .1em;
background: #E0E6E6;
background: #f1f1f1;
}

#main {
width: 730px;
background-color: #fff;
margin: 0 auto;
padding: 15px;
background: #fff url(../img/bg_top.png) repeat-x;
}

a {
color: #173479;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

.lnk {
text-decoration: underline;
}

#top_links {
float: right;
}

#top_links a {
margin-right: 15px;
color: #666;
text-decoration: none;
}

#top_links a:hover {
color: #020251;
text-decoration: underline;
}

#menu {
margin: 10px 0 15px 0;
float: left; 
width: 170px; 
padding: 0;
}

#menu a {
font-size: 1.2em;
letter-spacing: 0;
display: block;
background-color: #f6f6f6;
width: 152px;
padding: 2px 0 2px 10px;
margin: 0;
color: #000;
text-decoration: none;
border-left: 8px solid #173479;
border-top: 1px solid #ddd;
margin-bottom: 1px solid #fff;
}

#menu a:hover {
color: #fff;
text-decoration: none;
background-color: #173479;
border-left: 8px solid #DA221A;
border-top: 1px solid #173479;
}

#menu a.subitem {
width: 140px;
padding-left: 22px;
}

#footer {
text-align: center;
clear: both;
color: #000;
padding: 15px 0 0 0;
border-top: 1px dashed #ccc;
}

#contents {
margin: 10px 0 0 185px;
padding: 0;
}

#lbar {
width: 186px;
float: left;
}

.sbox {
width: 170px;
margin: 0 0 15px 0;
float: left;
}

a.rep {
width: 248px;
display: block;
margin: 0 0 15px 0;
padding: 15px 0 15px 10px;
border: 1px solid #ccc;
color: #333;
text-decoration: none;
background-color: #f3f3f3;
border-left: 8px solid #ccc;
}

a.rep:hover {
text-decoration: none;
background-color: #173479;
color: #fff;
border: 1px solid #173479;
border-left: 8px solid #DA221A;
}

#certs, #sanitaria {
padding: 15px 0;
text-align: center; 
border: 1px solid #ccc; 
}

#sanitaria a {
color: #333;
}

#certs {
background-color: #eee; 
}

#sanitaria {
background-color: #eee; 
}

#valvulas, #valv_int {
border: 1px solid #ccc;
background-color: #eee; 
text-align: center; 
width: 539px;
}

#valvulas a {
display: block;
color: #333;
text-decoration: none;
width: 105px;
padding: 5px 0;
border: 1px solid #eee;
}

#valvulas a:hover, #valv_int a:hover {
border: 1px solid #ccc;
background-color: #fff; 
}

#valv_int a, #valv_int .spc {
display: block;
color: #333;
text-decoration: none;
width: 250px;
padding: 8px;
border: 1px solid #eee;
float: right;
}

#valv_int h1 {
color: #555;
text-align: left;
font-size: 1.1em;
padding: 5px 10px 0 10px;
width: 500px;
}

#contato {
border: 2px dashed #DA221A; 
background-color: #fff; 
padding: 15px;
text-align: center;
}

#contato h2 {
border: 0;
margin: 10px 0;
padding: 0;
color: #173479;
font-size: 1.4em;
}