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

p { border: 0; margin-bottom: 0;}
ul {list-style-type: none; border: 0; margin: 0;}
ul, li   {margin: 0; padding:0; border: 0; margin: 0;}

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

h1 {font-size: 110%; color: #ff0000; text-align: right; border: 0; margin: 0; }

h2 {font-size: 105%; color: #4c8ee2; text-align: lef: border: 0; margin-bottom: 10px; }

.dic1 h2, .dic2 h2, .dic3 h2, .dic4 h2 { font-size: 105%; color: #333; text-align: lef: border: 0; margin: 0;}

h3 {font-size: 105%; text-align: left;  }

p {border: 1px solid #666;	}




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

.logo p { border: 0; margin-bottom: 0;}
.logo h1 {font-size: 150%; color: #c21212; text-align: left; border: 0; margin: 0; }

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

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

.titu p { border: 0; margin: 3px; text-align: right; font-size: 85%; color: #999}

.login {
display: inline;
float: left;
position: relative;
margin-left: 36px;
margin-right: 10px;
width: 380px;
border: 1px #fff solid;
background-color: #fff;
margin-bottom:10px;
}

.login p { border: 0; margin-bottom: 0;}

.login img { float: right;}


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

 .nav1 p { border: 0; margin-bottom: 0;}

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

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

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

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

.nav2 ul li {float: left; padding-left: 83px; 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-family: Arial, Verdana,  Geneva, sans-serif;
font-weight:bold;
}

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

.grid_apres {
display: inline;
float: left;
position: relative;
margin-left: 50px;
width: 800px;
margin-bottom:10px;
margin-top:20px;
background-color: #fff;
border: 1px #fff solid;
}

.grid_apres p { border: 0; margin-bottom: 0;}

.grid_apres h1 {font-size: 110%; color: #333; text-align: left; border: 0; margin: 0; }


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

.grid_stand img { margin-top: 20px; margin-left: 45px; }


.grid_stand p { border: 0; margin-bottom: 0;}

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

.grid_prem p { border: 0; margin-bottom: 0;}

.grid_prem img { margin-top: 20px; margin-left: 45px; }

.grid_bus {
display: inline;
float: left;
position: relative;
margin-left: 50px;
width: 360px;
padding: 10px;

background-color: #fff;
border: 1px #fff solid;
}

.grid_prem p { border: 0; margin-bottom: 0;}

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

.grid_pre p { border: 0; margin-bottom: 0;}

.dica {
display: inline;
float: left;
position: relative;
margin-left: 50px;
width: 360px;
padding: 10px;
margin-top: 10px;
background-color: #fff;
border: 1px #ccc solid;
}

.dica p { border: 0; margin-bottom: 10px;}

.dicaimg{
display: inline;
float: left;
position: relative;
margin-left: 36px;
margin-right: 10px;
width: 360px;
height: 132px;
padding: 10px;
margin-top: 10px;
margin-bottom: 20px;
border: 1px solid #fff;
background:  #fff url(agenda.jpg);
}

.dicaimg p { border: 0; margin-bottom: 0;}

.dic1 {
display: inline;
float: left;
position: relative;
margin-left: 50px;
margin-right: 8px;
width: 160px;
padding: 10px;
background-color: #fff;
border: 1px #ccc solid;
}

.dic1 p{ border: 0; margin-bottom: 0;}

.dic2 {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 160px;
padding: 10px;
background-color: #fff;
border: 1px #ccc solid;
}


.dic2 p{ border: 0; margin-bottom: 0;}

.dic3 {
display: inline;
float: left;
position: relative;
margin-left: 27px;
margin-right: 8px;
width: 160px;
padding: 10px;
background-color: #fff;
border: 1px #ccc solid;
}

.dic3 p{ border: 0; margin-bottom: 0;}

.dic4 {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 160px;
padding: 10px;
background-color: #fff;
border: 1px #ccc solid;
}

.dic4 p{ border: 0; margin-bottom: 0;}

.navfoot {
display: inline;
float: left;
position: relative;
margin-left: 50px;
width: 360px;
border: 1px #fff solid;
background-color: #fff;
margin-top:20px;
padding: 10px;
}
 
.navfoot p { border: 0; margin-bottom: 0;}

.navfoot li {float: left; padding-right: 15px;}

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

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

.address {padding-top: 10px; padding-bottom: 20px;}

.address p { border: 0;  text-align: center; font-size: 90%; color: #fff}