@charset "utf-8";
/* CSS Document */

/* GERAL */

html, body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset, img {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	min-width: 1000px;
	background-color: #E7E7E7;
		background-image: url(../img/meio_back.gif);
	background-position:center;
	}

a { color:#CC0000; text-decoration: none}	
	
#topohome {
	background-image: url(../img/top_cursos.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 65px;
	max-height: 65px;
	min-height: 65px;
	width: auto;
	margin: 0 auto;
	clear:both;
	}
#wraptopo {
	width: 1000px;
	margin: 0 auto;
	}		

/*MENU*/
#menu table{
	position:relative;
	top:41px;
	z-index: 2;
	}
	
#menucursos a{
	display: inline;
	background-image: url(../img/menu_cursos.gif);
	display: block;
	margin-top: 0;
	width: 145px;
	}
	
#menucursos a:hover{
	background-position: 0 -27px;
	}
	
#menuagenda a{
	display: inline;
	background-image: url(../img/menu_agenda.gif);
	display: block;
	margin-top: 0;
	width: 145px;
	}
	
#menuagenda a:hover{
	background-position: 0 -27px;
	}
	
#menusejaied a{
	display: inline;
	background-image: url(../img/menu_sejaied.gif);
	display: block;
	margin-top: 0;
	width: 145px;
	}
	
#menusejaied a:hover{
	background-position: 0 -27px;
	}			
			
#menumundoied a{
	display: inline;
	background-image: url(../img/menu_mundoied.gif);
	display: block;
	margin-top: 0;
	width: 145px;
	}
	
#menumundoied a:hover{
	background-position: 0 -27px;
	}
	
#menucomunidadeied a{
	display: inline;
	background-image: url(../img/menu_comunidade.gif);
	display: block;
	margin-top: 0;
	width: 145px;
	}
	
#menucomunidadeied a:hover{
	background-position: 0 -27px;
	}
/* SUBMENU CURSOS */	
#subcursos {
	position:relative;
	float:right;
	top: 66px;
	left: 179px;
	_left: 200px;
	width: 185px;
	height: 63px;
	background-image:url(../img/back_sub.png);
	z-index:3;
	visibility:hidden;
	padding-bottom: 20px;
	}
	
#subcursos ul {
	width: 180px;
	height: 60px;
	}
	
#subcursos li {
	list-style: none;
	}

#subcursos li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#subtrienais a{
	background-image: url(../img/submenu_trienais.gif);
	display: block;
	margin-top: 0;
	width: 180px;
	}
	
#subtrienais a:hover{
	background-position: 0 -20px;
	}
	
#suboneyear a{
	background-image: url(../img/submenu_oneyear.gif);
	display: block;
	margin-top: 0;
	width: 180px;
	}
	
#suboneyear a:hover{
	background-position: 0 -20px;
	}
	
#submaster a{
	background-image: url(../img/submenu_master.gif);
	display: block;
	margin-top: 0;
	width: 180px;
	}
	
#submaster a:hover{
	background-position: 0 -20px;
	}

#subex a{
	background-image: url(../img/submenu_ex.gif);
	display: block;
	margin-top: 0;
	width: 180px;
	}
	
#subex a:hover{
	background-position: 0 -20px;
	}	
	
/* SUBMENU TRIENAIS */	
#subsubtrienais {
	float:left;
	position:relative;
	left: 450px;
	width: 182px;
	height: 250px;
	z-index:4;
	background-image: url(../img/back_subsub.png);
	background-position:bottom;
	background-repeat:no-repeat;
	visibility:hidden;
	}
	
#subsubtrienais ul {
	width: 180px;
	height: 60px;
	}
	
#subsubtrienais li {
	list-style: none;
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#subsubtrienais li a {
	display: block;
	height: 20px;
	text-indent: -9999px;

	}
#subtrimoda {
	background-image: url(../img/subtrienais_moda.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display: block;
	margin-top: 0;
	width: 180px;
	padding-top:15px;
	background-color:#FFFFFF;
}

#subtrimodamoda a{
	background-image: url(../img/subtrienais_moda_moda.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtrimodamoda a:hover{
		background-position: 0 -20px;
		}	

#subtrimodajoia a{
	background-image: url(../img/subtrienais_moda_joias.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtrimodajoia a:hover{
		background-position: 0 -20px;
		}

#subtridesign {
	background-image: url(../img/subtrienais_design.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtridesigngraph a{
	background-image: url(../img/subtrienais_design_graph.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtridesigngraph a:hover{
		background-position: 0 -20px;
		}
		
#subtridesignint a{
	background-image: url(../img/subtrienais_design_interior.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtridesignint a:hover{
		background-position: 0 -20px;
		}															

#subtridesignind a{
	background-image: url(../img/subtrienais_design_industrial.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtridesignind a:hover{
		background-position: 0 -20px;
		}

#subtriarti {
	background-image: url(../img/subtrienais_arti.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtriartivirtual a{
	background-image: url(../img/subtrienais_arti_digital.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#subtriartivirtual  a:hover{
		background-position: 0 -20px;
		}

/* SUBMENU OY */
#subsuboy {
	float:left;
	position:relative;
	left: 270px;
	width: 182px;
	height: 160px;
	z-index:5;
	background-image: url(../img/back_subsub.png);
	background-position:bottom;
	background-repeat:no-repeat;
	visibility:hidden;
	}
	
#subsuboy ul {
	width: 180px;
	height: 60px;
	}
	
#subsuboy li {
	list-style: none;
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#subsuboy li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#suboydesign {
	background-image: url(../img/subtrienais_design.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display: block;
	margin-top: 0;
	width: 180px;
	padding-top:15px;
	background-color:#FFFFFF;
		}
		
#suboyilustra a{
	background-image: url(../img/suboy_ilustra.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#suboyilustra  a:hover{
		background-position: 0 -20px;
		}

#suboyexhibit a{
	background-image: url(../img/suboy_exdesign.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#suboyexhibit  a:hover{
		background-position: 0 -20px;
		}

/* SUBMENU MASTER */
#subsubmaster {
	float:left;
	position:relative;
	left: 85px;
	height: 230px;
	width: 185px;
	z-index:6;
	background-image: url(../img/back_subsub.png);
	background-position:bottom; 
	background-repeat:no-repeat;
	visibility:hidden;
	}
	
#subsubmaster ul {
	width: 185px;
	height: 60px;
	}
	
#subsubmaster li {
	list-style: none;
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#subsubmaster li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#submastermoda a{
	background-image: url(../img/submaster_fashion.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#submastermoda  a:hover{
		background-position: 0 -20px;
		}
	
#submasterdesign a{
	background-image: url(../img/submaster_designex.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#submasterdesign  a:hover{
		background-position: 0 -20px;
		}
		
#submasterdesign a{
	background-image: url(../img/submaster_designex.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#submasterdesign  a:hover{
		background-position: 0 -20px;
		}
		
#submastergraph a{
	background-image: url(../img/submaster_graph.gif);
	display: block;
	margin-top: 0;
	width: 180px;
}

#submastergraph  a:hover{
		background-position: 0 -20px;
		}			
					
#barra {
	background-image: url(../img/barra_interna.gif);
	background-repeat:no-repeat;
	background-position:center;
	width: auto;
	height: 364px;

	}
	
#wrapbarra {
	width: 1000px;
	margin: 0 auto;
	}

#wrapbarra h1 a{
	background-image:url(../img/logo_ied.gif);
	display:block;
	height: 62px;
	width: 158px;
	text-indent: -9999em;
	position:relative;
	top: 30px;
	left: 100px;
	}
		
#h2cursos {
	position:relative;
	top:-20px;
	right: 40px;
	float:right;
	width: 320px;
	height: 50px;
	}
	
#h2cursos ul {
	width: 320px;
	height: 43px;
	}
	
#h2cursos li {
	float:left;
	list-style: none;
	height: 43px;
	text-indent: -9999px;
	}

#h2cursos li a {
	height: 43px;
	text-indent: -9999px;
	display:block;
	}

#h2cursosmoda a{
	display:inline;
	background-image: url(../img/subtit_modabut.gif);
	display: block;
	margin-top: 0;
	width: 85px;
}

#h2cursosmodahere a{
	display:inline;
	background-image: url(../img/subtit_modabut.gif);
	background-position: 0 -86px;
	display: block;
	margin-top: 0;
	width: 85px;
}

#h2cursosmoda a:hover{
	background-position: 0 -43px;
}

#h2cursosdesign a{
	display:inline;
	background-image: url(../img/subtit_designbut.gif);
	display: block;
	margin-top: 0;
	width: 98px;
}

#h2cursosdesignhere a{
	display:inline;
	background-image: url(../img/subtit_designbut.gif);
	background-position: 0 -86px;
	display: block;
	margin-top: 0;
	width: 98px;
}

#h2cursosdesign a:hover{
	background-position: 0 -43px;
}

#h2cursosarti a{
	display:inline;
	background-image: url(../img/subtit_artibut.gif);
	display: block;
	margin-top: 0;
	width: 126px;
}

#h2cursosartihere a{
	display:inline;
	background-image: url(../img/subtit_artibut.gif);
	background-position: 0 -86px;
	display: block;
	margin-top: 0;
	width: 126px;
}

#h2cursosarti a:hover{
	background-position: 0 -43px;
}		
	

#wrapbarra .h2arti a{
	background-image: url(../img/h2int_arti.gif);
	background-repeat:no-repeat;
	display:block;
	height: 50px;
	width: 320px;
	text-indent: -9999em;
	position:relative;
	left: 600px;
	top: -15px;
	}
#wrapbarra .h2moda a{
	background-image: url(../img/h2int_moda.gif);
	background-repeat:no-repeat;
	display:block;
	height: 43px;
	width: 85px;
	text-indent: -9999em;
	position:relative;
	left: 600px;
	top: -15px;
	}
#wrapbarra .h2design a{
	background-image: url(../img/h2int_design.gif);
	background-repeat:no-repeat;
	display:block;
	height: 50px;
	width: 320px;
	text-indent: -9999em;
	position:relative;
	left: 600px;
	top: -15px;
	}		
#wrapbarra .h2seja{
	background-image: url(../img/h2int_sejaied.gif);
	background-repeat:no-repeat;
	display: block;
	height: 50px;
	width: 320px;
	text-indent: -9999em;
	position:relative;
	left: 600px;
	top: -15px;
	}
#wrapbarra .h2comunidade{
	background-image: url(../img/h2int_comunidadeied.gif);
	background-repeat:no-repeat;
	display: block;
	height: 50px;
	width: 320px;
	text-indent: -9999em;
	position:relative;
	left: 600px;
	top: -15px;
	}
	
#wrapbarra .h2cursoex{
	background-image: url(../img/h2int_cursoex.gif);
	background-repeat:no-repeat;
	display: block;
	height: 50px;
	width: 320px;
	text-indent: -9999em;
	position:relative;
	left: 600px;
	top: -15px;
	}			
	
#miolo {
	background-image: url(../img/meio_back.gif);
	background-repeat:repeat-y;
	background-position:center;
	width: auto;
	min-width: 1000px;
	clear:both;
	position:relative;
	}
	
#conteudo {
	width: 1000px;
	margin: 0 auto;
	position:relative;
	top: -253px;
	}
	
#video {
	margin-left: 85px;
	_margin-left: 15px;
	float:left;
	width: 450px;
	}
	
#intro {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #666666;
	float:right;
	text-align:right;
	width: 330px;
	margin-top: 50px;
	margin-right: 85px;
	_margin-right: 45px;
	}
	
.destaqueintro {
	font-weight:bold;
	color:#CC0000;
	}
	
.inscrevase a{
	background-image: url(../img/inscreva-se_interna.gif);
	background-repeat:no-repeat;
	float:right;
	display:block;
	height: 27px;
	width: 273px;
	text-indent: -9999em;
	float:right;
	}
	
#falecomquemeh {
	width: 360px;
	float: right;
	position:relative;
	right: 80px;
	top:50px;
	}
	
#falecomquemeh h3{
	background-image: url(../img/falequem_interna.gif);
	background-repeat:no-repeat;
	display:block;
	height: 50px;
	width: 360px;
	text-indent: -9999em;
	float: left;
	}

#falecomquemeh img {border-width:0;}	
	
#falecomquemeh .imgdireitas a{
	float:right;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom:#CCCCCC 1px solid;
	display:block;
	}

#falecomquemeh .imgesquerdas a{
	float:left;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom:#CCCCCC 1px solid;
	display:block;
	}
		
.dudas a{
	background-image: url(../img/dudas.gif);
	background-repeat:no-repeat;
	display:block;
	height: 30px;
	width: 360px;
	text-indent: -9999em;
	float:right;
	margin-top: 40px;
	}			
	
#desccurso {
	width: 300px;
	float: left;
	position:relative;
	left: 80px;
	top: 30px;
	}
			
#desccurso .trienalgraphtop {
	background-image: url(../img/h3_trienalgraph.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}
	
#desccurso .mastergraphtop {
	background-image: url(../img/h3_mastergraph_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}

#desccurso .trienalvirtualtop {
	background-image: url(../img/h3_trienalvirtual_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}
	
#desccurso .oyilustratop {
	background-image: url(../img/h3_oyilustracao_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}
	
#desccurso .trienalfashiontop {
	background-image: url(../img/h3_trienalmoda_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}		
		
#desccurso .trienaljoiatop {
	background-image: url(../img/h3_trienaljoia_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}

#desccurso .masterfashiontop {
	background-image: url(../img/h3_masterfashion_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}
	
#desccurso .trienalindustrialtop {
	background-image: url(../img/h3_trienalindustrial_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}

#desccurso .trienalinteriortop{
	background-image: url(../img/h3_trienalinterior_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}

#desccurso .masterindustrialtop {
	background-image: url(../img/h3_masterindustrial_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}

#desccurso .masterinteriortop{
	background-image: url(../img/h3_masterinterior_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}

#desccurso .masterdesignextop{
	background-image: url(../img/h3_masterestrateg_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}
	
#desccurso .oyexhibittop{
	background-image: url(../img/h3_oyexdesign_top.gif);
	background-repeat:no-repeat;
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	}						
	
#descbuts {
	width: 300px;
	height: 17px;	
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	}
	
#desccurso p{
	color:#666666;
	margin-top: 90px;
	margin-bottom: 50px;
	}

#descbuts .downloadpdf a{
	float:left;
	background-image:url(../img/download_pdf.gif);
	height: 17px;
	background-repeat:no-repeat;
	width: 90px;
	display:block;
	text-indent:-9999px;
	}
	
#descbuts .processo a{
	float:right;
	background-image: url(../img/processo_seletivo.gif);
	height: 17px;
	background-repeat:no-repeat;
	width: 110px;
	display:block;
	text-indent:-9999px;
	}	
	
#desccurso .trienalvirtual a{
	background-image: url(../img/h3_virtual.gif) ;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;
	}
#desccurso .mastergraph a{
	background-image: url(../img/h3_mastergraph.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;
	}
#desccurso .oyilustra a{
	background-image: url(../img/h3_oy_ilu.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}							
	
#desccurso .trienalgraph a{
	background-image: url(../img/h3_trienalgraph.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}
	
#desccurso .trienalfashion a{
	background-image: url(../img/h3_trienalmoda.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}
	
#desccurso .trienaljoias a{
	background-image: url(../img/h3_trienaljoia.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}

#desccurso .masterfashion a{
	background-image: url(../img/h3_masterfashion.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}				
	
#desccurso .trienalindustrial a{
	background-image: url(../img/h3_trienalindustrial.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}
	
#desccurso .trienalinterior a{
	background-image: url(../img/h3_trienalinterior.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}
	
#desccurso .masterinterior a{
	background-image: url(../img/h3_masterinterior.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}		

#desccurso .masterindustrial a{
	background-image: url(../img/h3_masterindustrial.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}

#desccurso .masterdesignex a{
	background-image: url(../img/h3_masterestrateg.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}
	
#desccurso .oyexhibit a{
	background-image: url(../img/h3_oyexdesign.gif);
	background-repeat:no-repeat;
	display:block;
	height: 25px;
	width: 300px;
	text-indent: -9999em;
	float: left;
	border-bottom:#CCCCCC 1px solid;
	margin-top: 20px;
	padding-bottom: 20px;	
	}		
	
/* RODAPÉ */		
#rodapeh{	
	margin: 0 auto;
	background-image: url(../img/rodapeh.gif);
	background-repeat:no-repeat;
	background-position:center;
	width: auto;
	height: 290px;
	position:relative;
	top: -100px;
	_top: -278px;
	}
	
#miolorodapeh2{
	margin: 0 auto;
	width: 900px;
	border-top: #CCCCCC 1px solid;
	border-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	height: 10px;
	}	
	#miolorodapeh{
	margin: 0 auto;
	width: 900px;
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	height: 10px;
	}