* { margin: 0; border:0; padding: 0; }

body {
background: #868887;
color: #333;
font-size: small;
font-family: Arial, Verdana, Geneva, sans-serif;
line-height: 1.8em;
text-align: justify;
padding-top: 40px;}

ul {list-style-type: none; }

img

{margin-top: 10px;}

.green { color: #00ed00;}    


#container {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 1100px;
background: #fff;}

h2 {font-size: 105%; color: #1f6cc8; text-align: left; }


.logo {
display: inline;
width: 360px;
float: left;
margin-left: 50px;
margin-bottom: 10px;
padding: 10px;
border: 1px #fff solid;}

.logo h1 {font-size: 150%; color: #c21212;  text-align: left;  }


.titu {
display: inline;
width: 360px;
float: left;
margin-left: 36px;
margin-bottom: 10px;
padding: 10px;
border: 1px #fff solid;}

.titu h1 {font-size: 110%; color: #000;  text-align: right; }

.titu p { margin: 3px; text-align: right; font-size: 85%; color: #999; line-height: 1.1em;}


.nav1 {
display: inline;
float: left;
margin-left: 50px;
width: 360px;
border: 1px #fff solid;
background-color: #fff;
margin-bottom:10px;
padding: 10px;}

.nav1 ul li {float: left; padding-right: 7px; padding-left: 7px; }

.nav1 ul li a {color: #444;   }

.nav1 ul li.active, .nav1 ul li:hover {background: #ccc; }

.nav1 a.active, .nav1 a:hover { text-decoration: none; }


.nav2 {
display: inline;
float: left;
width: 800px;
height: 30px;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #fff;
background: url(menu.gif);
}

.nav2 ul li {float: left; padding-left: 56px; padding-top: 5px;  }

.nav2 a:link {text-decoration: none; color: #ff0000;}

.nav2 a:visited {text-decoration: none; color: #ff0000;}

.nav2 a {font-size: 120%; font-weight:bold; }


.fig {
display: inline;
float: left;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 10px;
background-image:  url(logo.jpg);
width: 800px;
height: 200px
}



.grid_emp, .grid_cada, .grid_bus, .grid_pre, .dica    {
display: inline;
float: left;
position: relative;
width: 360px;
margin-bottom:10px;
padding: 10px;
background-color: #fff;
border: 1px #fff solid;
}

.grid_emp, .grid_bus, .dica {margin-left: 50px;}

.grid_cada, .grid_pre {margin-left: 36px; margin-right: 10px;}


.dicaimg{
display: inline;
float: left;
position: relative;
margin-left: 36px;
margin-right: 10px;
width: 360px;
padding: 10px;
margin-bottom: 20px;
border: 1px #fff solid;
background:  #fff;
}

.grifo
{ width: 800px; margin-left: 50px; margin-right: 10px; padding-bottom: 5px; margin-bottom: 35px; color:#4c8ee2; font-size: 110%; font-weight:bold; border-bottom: #ccc 1px solid; text-align:left; float: left;
}

.links {
display: inline;
float: left;
margin-left: 50px;
padding-left: 85px;
width: 715px;
background-color: #fff;
border: 1px #fff solid;
font-size: 80%;

}

.links ul li {float: left; padding-right: 7px; padding-left: 7px;  }

.links ul li a {color: #444;  }

.links ul li.active, .nav1 ul li:hover {background: #ccc; }

.links a.active, .nav1 a:hover { text-decoration: none; }

.address{
color: #fff;
border: 1px #868887 solid;
margin-top:20px;
padding: 10px;
}

.address p { margin: 3px; text-align: center; font-size: 90%; }