*{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	border: 0;
}

body {
      margin:0;
	  font-size:11px;
	  color:#333;
}

a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#666;
	text-decoration:underline;
}

#topo{
	height: 56px;
	width: 746px;
	margin: 0 auto;
	background: url(image/img_grad_bg.jpg) repeat-x;
}
#topo div{
	float:left;
	height: 56px;
	line-height:56px;
	font-size: 18px;
	font-weight:bold;
	color:#fff;
	overflow:hidden;
}
#topo div h1 a{
	display:block;
	height: 53px;
	width: 51px;
	background: url(image/logo_uva.jpg) no-repeat;
	margin: 3px 20px 0 10px;
}
#topo div h1 span{
	display:none;
}

#topo div h1{
	background:url(image/topo_bkg_bottom_left.jpg) no-repeat;
	background-position: bottom left; 
}
#topo ul{
	height: 56px;
	line-height: 56px;
	float:right;
	background:url(image/topo_bkg_bottom_right.jpg) no-repeat;
	background-position:bottom right;
	padding-right: 10px;
}
#topo ul li{
	display: inline;
	padding-right: 2px;
	color:#fff;
}
#topo ul li a{
	color:#fff;
	text-decoration:none;
}
#topo ul li a:hover{
	color:#FFFF00;
	text-decoration:underline;
}

#header{
	width:746px;
	height:192px;
	margin: 10px auto;
	/*background:url(image/escola_de_design_home.jpg) no-repeat center;*/
	
}
#conteudo{
	width:746px;
	margin: 30px auto 10px auto;
}
#menu{
	width: 145px;
	float:left;
}
#menu ul li{
	border-top:#ccc 1px solid;
	list-style:none;
	/*height: 54px;*/
	padding: 3px 0;
}
#menu ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	display:block;
	height:43px;
	padding: 3px 0 0 5px;
	
}
#menu ul li.cursos{
	list-style:none;
	padding: 5px 0 0 0;
}
#menu ul ul{
	padding-bottom: 8px;
}
#menu ul li.cursos div{
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	display:block;
	height:25px;
	padding: 1px 0 0 0;
	margin:0;
	
}
#menu ul li.cursos div span{
	font-weight:bold;
	font-size:24px;
	color:#000;
	display:block;
	float:left;
	height:25px;
	padding: 0 0 0 5px;

}

#menu ul li a h1, #menu ul li.cursos div h1, #menu div.newsletter form h3{
	font-size:14px;
	margin-top: 5px;
}
#menu ul li a:hover{
	color:#fff;
	background: #990000 url(image/seta_menu.jpg) no-repeat;
	background-position:left;
}
#menu ul li a span{
	font-weight:bold;
	font-size:24px;
	color:#000;
	display:block;
	float:left;
	height:35px;
	line-height: 37px;
}

#menu ul li.eventos a h1{
	padding-top: 9px;
}

#menu ul{
	height:1%;

}
#menu ul li.submenu{
	margin-left: 35px;
	border: 0;
	height: 15px;
} 

#menu ul li.submenu a{
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	display:block;
	height:15px;
}
#menu ul li.submenu a:hover{
	color:#666;
	background:none;
	text-decoration:underline;
}
#menu ul li.cursos div h1 img{
	margin-left: 5px;
}
#menu ul li.concurso{
	list-style:none;
	padding: 5px 0 0 0;
}
#menu ul li.concurso div{
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	display:block;
	height:25px;
	padding: 1px 0 0 0;
	margin:0;
	
}
#menu ul li.concurso div span{
	font-weight:bold;
	font-size:24px;
	color:#000;
	display:block;
	float:left;
	height:25px;
	padding: 0 0 0 5px;
		
}
#menu ul li.concurso div h1{
	font-size:14px;
	margin-top: 0px;
}
#menu ul li.submenu2{
	margin-left: 35px;
	border: 0;
	height: 25px;
	
} 

#menu ul li.submenu2 a{
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	display:block;
	height:15px;
}
#menu ul li.submenu2 a:hover{
	color:#666;
	background:none;
	text-decoration:underline;
}
#menu div.newsletter{
	border-top:#ccc 1px solid;	
}
#menu div.newsletter form{
	border-top:#ccc 1px solid;	
	border-bottom:#ccc 1px solid;	
	margin: 30px 0;
	padding: 10px 0;
}
#menu div.newsletter form div{
	border:#ccc 1px solid;
	padding:1px 0 2px 0;
}
#menu div.newsletter form input.caixa{
	width: 115px;
	padding-bottom:2px;
	font-size:11px;
}
#menu div.newsletter form input.bot_ok{
	background: url(image/bt_ok.jpg);
	color:#fff;
	font-size:11px;
	font-weight:bold;
	width: 23px;
	height: 20px;
	margin:1px 1px 0 0;
}

#principal{
	width:580px;
	float:right;
}
/*xxxxx*/
div.menurodape{
	width: 100%;
	text-align:center;
	clear:both;
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;
	padding: 20px 0;

}
div.menurodape ul li{
	display:inline;
	padding: 0 10px;
}
div.menurodape ul li a{
	font-weight:bold;
	color:#999;
	text-decoration:none;
}
div.menurodape ul li a:hover{
	color:#666;
	text-decoration:underline;
}
#rodape{
	width: 450px;
	margin: 10px auto;
	overflow:hidden;
	height:85px;
}
#rodape img{
	float:left;
	margin-right: 10px;
	
}
#rodape p{
	border-left: #ccc 1px solid;
	padding-left:10px ;
	margin-top: 5px;
	float:left;

}




/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:746px;
		height:192px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */								

#header{position:relative;}
#bookmark{width:383px; height:158px; position:absolute; top:-10px; right:15px; background:url(../imgs/bkg_bookmarks.gif) no-repeat;}
#bookmark div{width:360px; height: 138px; overflow-y:auto; margin:10px;}
#bookmark ul{width: 168px; padding-left: 10px; float:left;}
#bookmark ul.first{width: 150px; height:118px; padding-right: 18px; padding-left: 0; border-right:#ccc dotted 2px;}
#bookmark ul li img{float:left; margin-right:5px;}
#bookmark ul li{clear:both; margin-bottom:5px; list-style:none;}
#topo {overflow:hidden; height:1%; }
#topo div{overflow:hidden; height:1%; }
#topo ul li{display:block; float:left;  }
#topo ul li a{display:block; height:56px; float:left; }
#topo ul li a.twitter{background:transparent url(../imgs/twitter2.png) no-repeat scroll right center; padding-right:32px;}
#topo ul li a.facebook{background:transparent url(../imgs/facebook2.png) no-repeat scroll right center; padding-right:27px;}
#topo ul li a.orkut{background:transparent url(../imgs/orkut.png) no-repeat scroll right center; padding-right:27px;}
#topo ul li a.youtube{background:transparent url(../imgs/youtube2.png) no-repeat scroll right center; padding-right:27px;}
#topo p {height:20px; width:200px;} 
#topo p strong{float:left;}
#topo p a.ingles img{margin:13px 0 0 15px;}
#logo h1 a{display:block; width:117px; height:117px;position:absolute; top:38px; left:20px; background:url(image/logo-escola-design.jpg) no-repeat;}
#logo h2 a{display:block; width:187px; height:49px; position:absolute; top:38px; left:150px;background:url(image/logo-escola-design2.jpg) no-repeat;}
</style>