@charset "UTF-8";

/* CSS | Auto Escola Dinamica | 07/07/2007 | dg21.com.br */

html, body {height: 100%;}

html>body #conteudo {height: auto;}


body {
	margin:0;
	padding:0;
	font:11px arial;
	color:#444444;
	background-color:#212121;
	}
	
/* ------------------- classes padronizadas ------------------- */
	
a {
	color:#444444;
	text-decoration:none;
	}

a:hover{
	color:#212121;
	text-decoration:none;
	}
	
p{/* texto padrao */
	text-align:justify;
	padding: 5px 0px 5px 0px;
	margin:0px;
	}
	
p.tit{/* texto padrao */
	font:13px arial;
	font-weight:bold;
	}
	
p.chamada {
	font:13px arial;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color:#212121;
}

p.chamada a {
	font:13px arial;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color:#212121;
}

p.chamada a:hover{
	font:13px arial;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color:#D50814;
}

.form 	{ 
	font-family: arial; 
	font-size: 11px;
	color: #212121;
	border: 1px solid #AAAAAA;
	margin-bottom: 2px;
	width: 90px;
	}

.form2 	{ 
	font-family: arial; 
	font-size: 11px;
	color: #212121;
	border: 1px solid #AAAAAA;
	margin-bottom: 2px;
	width: 180px;
	}
	
h1 {
	padding:10px 0px 20px 22px;
	margin:0px;
}

h2 {
	font:13px arial;
	font-weight:bold;
	color:#282929;
	padding:10px 0px 0px 0px;
	margin:0px;
	text-decoration:none;
}

h3 {
	font:11px arial;
	color:#777777;
	padding:0px 0px 20px 11px;
	margin:0px;
}

#fotos{
	float:left;
	padding:5px;
	border:1px solid #cdcdcd;
	margin:0px 10px 10px 0px;
	}
	
#fotox{
	float:left;
	padding:5px;
	border:1px solid #cdcdcd;
	margin:2px;
	}
	
#images{
	float:left;
	padding:5px;
	border:1px solid #cdcdcd;
	margin:0px;
	}
	

/* ------------------- tabelas ------------------- */

div#tudo{
	width:770px;
	margin:0 auto;
	padding:0;
	background-image:url(aed_fundotudo.gif);
	text-align:center;
}

div#topo{
	width:770px;
	height:219px;
	background-image:url(aed_topo.jpg);
}

div#conteudo{
	width:731px;
	display: table;
	height: 500px;
	_position: relative;
	background-image:url(aed_fundoconteudo.jpg);
	background-repeat:no-repeat;
	clear:both;
	text-align:left;
	margin:0 auto;
}

div#rodape{
	width:770px;
	height:117px;
	background-image:url(aed_rodape.jpg);
	text-align:center;
	margin:0 auto;
	padding:0;
}

div#box1{
	border-bottom:1px dotted #cdcdcd;
	margin: 0px 22px 3px 22px;
	width:680px;
	padding:3px;
	}
	
div#boxtexto{
	margin: 0px 22px 10px 22px;
	width:680px;
	padding:3px;
	}
	
#img{
	margin:5px 10px 10px 0px;
	float:left;
	}

/* ------------------- pgina inicial ------------------- */

div#col_01{
	width:189px;
	height:500px;
	padding:0px;
	clear:none;
}

div#col_02{
	width:346px;
	height:500px;
	clear:none;
}

div#col_03{
	width:190px;
	height:500px;
	background-image:url(aed_estude2.gif);
	background-repeat:no-repeat;
	padding:0px;
	clear:none;
}

div#itens{
	width:346px;
	height:99px;
	background-image:url(aed_itens.jpg);
}


/* ------------------- menu topo horizontal ------------------- */

div#menu{
	width:770px;
	height:41px;
	position:relative;
	text-align:left;
	background-image:url(aed_fundomenu.jpg);
}

div#menu a#itm_um {
 	position:absolute;
  	background:url(menu1_01.gif) no-repeat;
  	width:75px;
  	height:41px;
	}
div#menu a#itm_um:hover {background:url(menu1_01.gif) no-repeat;}
	
div#menu a#itm_dois {
 	position:absolute;
	left:75px;
  	background:url(menu1_02.gif) no-repeat;
  	width:80px;
  	height:41px;
	}
div#menu a#itm_dois:hover {background:url(menu2_02.gif) no-repeat;}

div#menu a#itm_tres {
 	position:absolute;
	left:155px;
  	background:url(menu1_03.gif) no-repeat;
  	width:60px;
  	height:41px;
	}
div#menu a#itm_tres:hover {background:url(menu2_03.gif) no-repeat;}

div#menu a#itm_quatro {
 	position:absolute;
	left:215px;
  	background:url(menu1_04.gif) no-repeat;
  	width:82px;
  	height:41px;
	}
div#menu a#itm_quatro:hover {background:url(menu2_04.gif) no-repeat;}

div#menu a#itm_cinco {
 	position:absolute;
	left:297px;
  	background:url(menu1_05.gif) no-repeat;
  	width:75px;
  	height:41px;
	}
div#menu a#itm_cinco:hover {background:url(menu2_05.gif) no-repeat;}

div#menu a#itm_seis {
 	position:absolute;
	left:372px;
  	background:url(menu1_06.gif) no-repeat;
  	width:199px;
  	height:41px;
	}
div#menu a#itm_seis:hover {background:url(menu2_06.gif) no-repeat;}

div#menu a#itm_sete {
 	position:absolute;
	left:571px;
  	background:url(menu1_07.gif) no-repeat;
  	width:108px;
  	height:41px;
	}
div#menu a#itm_sete:hover {background:url(menu2_07.gif) no-repeat;}

div#menu a#itm_oito {
 	position:absolute;
	left:679px;
  	background:url(menu1_08.gif) no-repeat;
  	width:91px;
  	height:41px;
	}
div#menu a#itm_oito:hover {background:url(menu2_08.gif) no-repeat;}





/* ------------------- menu esquerdo ------------------- */


ul#menu-nav,
ul#menu-nav ul {
	margin-top:0px;
	margin-left:20px;
	padding: 0px;
	width: 150px; /* Width of Menu Items */
	background: transparent; /* IE6 Bug */
	}

ul#menu-nav li {
	position: relative;
	list-style: none;
	}

ul#menu-nav li a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 2px;
	border-bottom: 1px solid #EDE7D7;
	}
	
ul#menu-nav li a:hover {
	color: #EAB125;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu-nav li { float: left; height: 1%; }
* html ul#menu-nav li a { height: 1%; }
/* End */

ul#menu-nav ul {
	position: absolute;
	display: none;
	left: 110px; /* Set 1px less than menu width */
	top: 0;
	}