html, body { width:100%; height:100%; }

body.home { background:url(../img/bg/nuvens.jpg) no-repeat center top; }
body.interna { background:url(../img/bg/nuvens-interna.jpg) no-repeat center top; }

.iR {
	float:left;
	position:relative;
	overflow:hidden;
	font-size:0;
	text-indent:-9999px;
}

/*************************
	CONCEITUAL
*************************/

div#conceitual {
	position:absolute;
	width:100%;
	height:350px;
	top:121px;
	left:0px;
}

div#conceitual div#box-conceitual-swf {
	position:relative;
	width:1000px;
	height:350px;
	margin:0 auto;
	z-index:1;
}

div#box-conceitual {
	position:absolute;
	width:100%;
	height:216px;
	top:121px;
	left:0px;
	z-index:6;
}

div#box-conceitual div#conceitual-interna {
	position:relative;
	width:1000px;
	height:202px;
	margin:0 auto;
}

div#conceitual-interna div#swf-conceitual-interna {
	position:relative;
	float:left;
	width:641px;
	height:202px;
	margin:0 0 0 75px;
}

/*************************************************************************************************************************
	ESTRUTURA BASE
*************************************************************************************************************************/

div#wrap-topo,
div#wrap-miolo,
div#wrap-rodape {
	float:left;
	position:relative;
	width:100%;
}

div#wrap-topo { z-index:3; }
div#wrap-topo.home { height:471px; }
div#wrap-topo.interna { height:409px; }

div#wrap-miolo { background:url(../img/bg/miolo.jpg) repeat-x left top #FFF; z-index:2; }

div#wrap-rodape {
	height:113px;
	background:url(../img/bg/rodape.jpg) repeat-x left top;
}

div#wrap-topo div#topo,
div#wrap-miolo div#miolo,
div#wrap-rodape div#rodape {
	position:relative;
	width:1000px;
	margin:0 auto;
}

div#wrap-topo div#topo.home { height:471px; }
div#wrap-topo div#topo.interna {
	height:409px;
	z-index:5;
	background:url(../img/bg/titulos.png) no-repeat center bottom;
}

div#wrap-miolo div#miolo { min-height:286px; }
div#wrap-miolo div#miolo.interna {background:url(../img/bg/sombra.png) no-repeat center top; }
div#wrap-rodape div#rodape { height:113px; }

/*************************************************************************************************************************
	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO	TOPO
*************************************************************************************************************************/

/*************************
	LOGO
*************************/

div#topo h1,
div#topo h1 a {
	display:inline;
	width:238px;
	height:61px;
}

div#topo h1 {
	float:left;
	position:relative;
	margin:16px 0 0 46px;
}

div#topo h1 a { background:url(../img/global/castelli.png) no-repeat left top; }

/*************************
	BOX BUSCA ICONES
*************************/

div#topo div#box-busca-icones {
	display:inline;
	float:left;
	position:relative;
	width:556px;
	height:57px;
	margin:14px 0 0 114px;
	background:url(../img/bg/busca-icones.png) no-repeat left top;
}

div#box-busca-icones form#frm-busca,
form#frm-busca fieldset {
	display:inline;
	float:left;
	position:relative;
	width:250px;
	height:22px;
}

div#box-busca-icones form#frm-busca { margin:6px 0 0 25px; }

form#frm-busca input.campo-busca {
	display:inline;
	float:left;
	position:relative;
	width:194px;
	margin:0;
	padding:4px 10px;
	border:none;
	font:11px Arial, Helvetica, sans-serif;
	color:#557B86;
	background:url(../img/bg/campo-busca.png) no-repeat left top;
}

form#frm-busca input.btn-ok {
	display:inline;
	width:27px;
	height:22px;
	margin:0 0 0 9px;
	border:none;
	background:url(../img/btn/ok.png) no-repeat left top;
	cursor:pointer;
}

form#frm-busca input.btn-ok:hover { background-position:left -22px; }

/*************************
	ATALHOS
*************************/

div#box-busca-icones ul#atalhos,
ul#atalhos li {
	display:inline;
	float:left;
	position:relative;
}

div#box-busca-icones ul#atalhos {
	width:241px;
	margin:0 0 0 22px;
}

ul#atalhos li {
	height:57px;
	margin:0 0 0 1px;
}

ul#atalhos li:first-child { margin:0; }

ul#atalhos li a {
	display:inline;
	height:57px;
}

ul#atalhos li.atalho01 a, ul#atalhos li.atalho04 a, ul#atalhos li.atalho05 a { width:47px; }
ul#atalhos li.atalho02 a, ul#atalhos li.atalho03 a { width:48px; }

ul#atalhos li.atalho01 a { background:url(../img/btn/portal-externo.png) no-repeat left top; }
ul#atalhos li.atalho02 a { background:url(../img/btn/webMail.png) no-repeat left top; }
ul#atalhos li.atalho03 a { background:url(../img/btn/egresso.png) no-repeat left top; }
ul#atalhos li.atalho04 a { background:url(../img/btn/mapa-site.png) no-repeat left top; }
ul#atalhos li.atalho05 a { background:url(../img/btn/portal-interno.png) no-repeat left top; }

ul#atalhos li a:hover { background-position:left -57px; }

/*************************
	MENU
*************************/

div#topo ul#menu,
ul#menu li {
	display:inline;
	float:left;
	position:relative;
	height:29px;
	z-index:15;
}

div#topo ul#menu {
	width:940px;
	margin:12px 0 0 30px;
}

ul#menu li a {
	display:inline;
	height:29px;
}

ul#menu li.menu01 a { width:118px; background:url(../img/nav/castelli-esh.png) no-repeat left top; }
ul#menu li.menu02 a { width:180px; background:url(../img/nav/estude-castelli-esh.png) no-repeat left top; }
ul#menu li.menu03 a { width:102px; background:url(../img/nav/a-profissao.png) no-repeat left top; }
ul#menu li.menu04 a { width:110px; background:url(../img/nav/tour-virtual.png) no-repeat left top; }
ul#menu li.menu05 a { width:77px; background:url(../img/nav/cursos.png) no-repeat left top; }
ul#menu li.menu06 a { width:95px; background:url(../img/nav/inscricoes.png) no-repeat left top; }
ul#menu li.menu07 a { width:85px; background:url(../img/nav/noticias.png) no-repeat left top; }
/* ul#menu li.menu08 a { width:73px; background:url(../img/nav/eventos.png) no-repeat left top; } */
ul#menu li.menu09 a { width:105px; background:url(../img/nav/cadastre-se.png) no-repeat left top; }
ul#menu li.menu10 a { width:68px; background:url(../img/nav/contato.png) no-repeat left top; }

ul#menu li a:hover { background-position:left -29px; }

/*************************
	BOX TITULO
*************************/

div#topo div#box-titulo {
	position:absolute;
	left:0;
	bottom:0;
	width:1000px;
	height:94px;
	z-index:10;
}

div#box-titulo small,
div#box-titulo ul#breadcrumb,
ul#breadcrumb li, ul#breadcrumb li h2 {
	display:inline;
	float:left;
	position:relative;
}

div#box-titulo small {
	margin:35px 0 0 78px;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
}

div#box-titulo ul#breadcrumb {
	clear:left;
	margin:5px 0 0 78px;
	width:600px;
	z-index:10;
}

ul#breadcrumb li {
	padding:0 10px 0 0;
	font:19px Arial, Helvetica, sans-serif;
	color:#CDD5C6;
}

ul#breadcrumb li h2 {
	font:normal 19px Arial, Helvetica, sans-serif;
	color:#FFF;
}

ul#breadcrumb li a {
	text-decoration:none;
	color:#CDD5C6;
}

ul#breadcrumb li a:hover { text-decoration:underline; }

/*************************
	ESTRELAS
*************************/

div#estrelas,
div#estrelas-interna {
	position:absolute;
	z-index:3;
	left:0;
}

div#estrelas {
	top:270px;
	width:150px;
	height:447px;
	/*background:url(../img/temp/estrelas.png) no-repeat left top;*/
}

div#estrelas-interna {
	top:253px;
	width:119px;
	height:140px;
	background:url(../img/temp/estrelas-interna.png) no-repeat left top;
}

/*************************************************************************************************************************
	MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO		MIOLO
*************************************************************************************************************************/

div#miolo div#barra-lateral {
	display:inline;
	float:left;
	position:relative;
	width:241px;
	margin:0 0 0 30px;
}

div#miolo div#material-interna {
	display:inline;
	float:left;
	position:relative;
	width:699px;
	min-height:286px;
	margin:0;
	padding:0 0 40px 0;
	background:url(../img/bg/detalhe-rodape.png) no-repeat 393px bottom #FFF;
}

/*************************************************************************************************************************
	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE	RODAPE
*************************************************************************************************************************/

/*************************
	BOX ENDEREÇO
*************************/

div#rodape div#box-endereco,
div#box-endereco address,
div#box-endereco a.dados-mec {
	display:inline;
	float:left;
	position:relative;
}

div#rodape div#wrap-aux {
	display:inline;
	float:left;
	position:relative;
	width:614px;
	height:100%;
	margin:0 0 0 50px;
}

div#rodape div#box-endereco {
	width:614px;
	margin:25px 0 0;
}

div#box-endereco address {
	font:11px Arial, Helvetica, sans-serif;
	color:#262626;
}

div#box-endereco address a {
	text-decoration:none;
	color:#262626;
}

div#box-endereco a.dados-mec {
	margin:0 0 0 3px;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#262626;
}

div#box-endereco address a:hover { text-decoration:underline; }
div#box-endereco a.dados-mec:hover { text-decoration:underline; }

/*************************
	BOX REDES SOCIAIS
*************************/

div#rodape div#box-redes-sociais,
div#box-redes-sociais span,
div#box-redes-sociais ul#redes-sociais,
ul#redes-sociais li {
	display:inline;
	float:left;
	position:relative;
}

div#rodape div#box-redes-sociais {
	clear:left;
	width:614px;
}

div#box-redes-sociais span {
	margin:18px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#405A2B;
}

div#box-redes-sociais ul#redes-sociais { 
	width:300px;
	margin:12px 0 0 15px;
}

ul#redes-sociais li {
	height:16px;
	margin:0 15px 0 0;
}

ul#redes-sociais li a {
	display:inline;
	height:16px;
}

ul#redes-sociais li.rede01 a { width:41px; background:url(../img/global/msn.png) no-repeat left bottom; }
ul#redes-sociais li.rede02 a { width:40px; background:url(../img/global/youTube.png) no-repeat left bottom; }
ul#redes-sociais li.rede03 a { width:39px; background:url(../img/global/orkut.png) no-repeat left bottom; }
ul#redes-sociais li.rede04 a { width:52px; background:url(../img/global/twitter.png) no-repeat left bottom; }
ul#redes-sociais li.rede05 a { width:51px; background:url(../img/global/facebook.png) no-repeat left bottom; }

/*******************************
	MEDIALINE
*******************************/

a.medialine {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	margin:25px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#262626;
}

a.medialine:hover {
	text-decoration:underline;
}

/*******************************
	BOX RESPONSABILIDADE SOCIAL
*******************************/

div#rodape div#box-responsabilidade-social {
	display:inline;
	width:287px;
	height:100%;
}

div#rodape div#box-responsabilidade-social {
	float:left;
	position:relative;
}

div#rodape div#box-responsabilidade-social h6 {
	display:inline;
	float:left;
	position:relative;
	width:287px;
	margin:5px 0 0;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#262626;
}

div#box-responsabilidade-social a.universidade-mona { 
	display:inline;
	width:287px;
	height:83px;
	margin:2px 0 0;
	background:url(../img/global/universidade-mona.png) no-repeat center top;
}

/*************************
	DESTAQUE PORQUE CASTELLI
*************************/

div#barra-lateral div#box-porque-castelli,
div#box-porque-castelli span {
	display:inline;
	float:left;
	position:relative;
}

div#barra-lateral div#box-porque-castelli {
	width:196px;
	margin:40px 0 0 19px;
}

div#box-porque-castelli h4 {
	display:inline;
	width:196px;
	height:56px;
	margin:0;
	background:url(../img/global/porque-estudar-castelli.png) no-repeat left top;
}

div#box-porque-castelli span {
	width:186px;
	padding:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#262626;
}

div#box-porque-castelli a.btn-saiba-mais-azul {
	display:inline;
	float:right;
	width:56px;
	height:9px;
	margin:10px 0 0;
	background:url(../img/btn/saiba-mais.png) no-repeat left top;
}

div#box-porque-castelli a.btn-saiba-mais-azul:hover { background-position:left -9px; }

/*************************
	DESTAQUE TOUR VIRTUAL
*************************/

div#barra-lateral div#box-tour-virtual,
div#box-tour-virtual span {
	display:inline;
	float:left;
	position:relative;
}

div#barra-lateral div#box-tour-virtual {
	width:196px;
	margin:30px 0 0 19px;
}

div#box-tour-virtual h4 {
	display:inline;
	width:196px;
	height:50px;
	margin:0;
	background:url(../img/global/tour-virtual.png) no-repeat left top;
}

div#box-tour-virtual span {
	width:186px;
	padding:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#262626;
}

div#box-tour-virtual a.btn-saiba-mais-verde {
	display:inline;
	float:right;
	width:56px;
	height:9px;
	margin:10px 0 0;
	background:url(../img/btn/saiba-mais.png) no-repeat left bottom;
}

div#box-tour-virtual a.btn-saiba-mais-verde:hover { background-position:left top; }

/*************************
	DESTAQUE SOBRE MONÃ
*************************/

div#barra-lateral div#box-sobre-mona,
div#box-sobre-mona span {
	display:inline;
	float:left;
	position:relative;
}

div#barra-lateral div#box-sobre-mona {
	width:196px;
	margin:30px 0 0 19px;
}

div#box-sobre-mona h4 {
	display:inline;
	width:214px;
	height:47px;
	margin:0;
	background:url(../img/global/sobre-mona.png) no-repeat left top;
}

div#box-sobre-mona span {
	width:186px;
	padding:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#262626;
}

div#box-sobre-mona a.btn-saiba-mais-azul {
	display:inline;
	float:right;
	width:56px;
	height:9px;
	margin:10px 0 0;
	background:url(../img/btn/saiba-mais.png) no-repeat left top;
}

div#box-sobre-mona a.btn-saiba-mais-azul:hover { background-position:left -9px; }

/*************************
	PAGINAÇÃO
*************************/

div#boxPaginacao {
	display:inline;
	clear:left;
	float:left;
	width:646px;
	margin:30px 0 0 26px;
	line-height:22px;
	text-align:center;
}

div#boxPaginacao a {
	margin:0 3px;
	color:#262626;
	display:inline;
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
}

div#boxPaginacao a:hover { color:#a9d160; }

div#boxPaginacao .anterior, div#boxPaginacao .proximo, div#boxPaginacao .primeira, div#boxPaginacao .ultima { margin:0 5px; }

div#boxPaginacao .atual {
	color:#262626;
	display:inline;
	padding:1px 5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	background:#a9d160;
}

div#boxPaginacao .desativado {
	color:#CCC;
	margin:0 3px;
	display:inline;
	font:bold 11px Arial, Helvetica, sans-serif;
}

/*************************
	BOTÃO VOLTAR
*************************/

div#material-interna  a.btn-voltar{
	display:inline;
	clear:left;
	width:87px;
	height:22px;
	margin:15px 0 0 26px;
	background:url(../img/btn/voltar.jpg) no-repeat left top;
}

div#material-interna  a.btn-voltar:hover { background-position:left -22px; }

div#topo ul#sm-castelli, div#topo ul#sm-estude,
div#topo ul#sm-inscricoes, div#topo ul#sm-cursos {
	position:absolute;
	top:118px;
	width:186px;
	padding:2px 0 0;
	z-index:30;
}

div#topo ul#sm-castelli {
	left:30px;
	height:158px;
	background:url(../img/bg/sm-castelli.png) no-repeat left 2px;
}

div#topo ul#sm-estude {
	left:149px;
	height:138px;
	background:url(../img/bg/sm-estude.png) no-repeat left 2px;
}

div#topo ul#sm-inscricoes {
	left:617px;
	height:198px;
	background:url(../img/bg/sm-inscricoes.png) no-repeat left 2px;
}

div#topo ul#sm-cursos {
	left:540px;
	height:198px;
	background:url(../img/bg/sm-cursos.png) no-repeat left 2px;
}

ul#sm-castelli li, ul#sm-estude li, ul#sm-inscricoes li, ul#sm-cursos li {
	display:inline;
	float:left;
	position:relative;
	width:176px;
	height:17px;
	margin:3px 0 0 5px;
}

ul#sm-castelli li:first-child, ul#sm-estude li:first-child, ul#sm-cursos li:first-child, ul#sm-inscricoes li:first-child { margin:9px 0 0 5px; }

ul#sm-castelli li a, ul#sm-estude li a, ul#sm-cursos li a, ul#sm-inscricoes li a {
	display:inline;
	width:176px;
	height:17px;
	background:no-repeat left top;
}

ul#sm-castelli li.nav-01 a { background-image:url(../img/sub-nav/a-instituicao.png); }
ul#sm-castelli li.nav-02 a { background-image:url(../img/sub-nav/processo-formativo.png); }
ul#sm-castelli li.nav-03 a { background-image:url(../img/sub-nav/perfil-aluno.png); }
ul#sm-castelli li.nav-04 a { background-image:url(../img/sub-nav/centro-gastronomia.png); }
ul#sm-castelli li.nav-05 a { background-image:url(../img/sub-nav/convenios.png); }
ul#sm-castelli li.nav-06 a { background-image:url(../img/sub-nav/responsabilidade-social.png); }
ul#sm-castelli li.nav-07 a { background-image:url(../img/sub-nav/localizacao.png); }

ul#sm-estude li.nav-01 a { background-image:url(../img/sub-nav/porque-castelli.png); }
ul#sm-estude li.nav-02 a { background-image:url(../img/sub-nav/vida-estudante.png); }
ul#sm-estude li.nav-03 a { background-image:url(../img/sub-nav/mercado-trabalho.png); }
ul#sm-estude li.nav-04 a { background-image:url(../img/sub-nav/depoimentos.png); }
ul#sm-estude li.nav-05 a { background-image:url(../img/sub-nav/faq.png); }
ul#sm-estude li.nav-06 a { background-image:url(../img/sub-nav/visite-castelli.png); }

ul#sm-cursos li.nav-01 a { background-image:url(../img/sub-nav/sobre-cursos.png); }
ul#sm-cursos li.nav-02 { background-image:url(../img/sub-nav/graduacao.png); }
ul#sm-cursos li.nav-03 a { background-image:url(../img/sub-nav/hotelaria-bacharelado.png); }
ul#sm-cursos li.nav-04 { background-image:url(../img/sub-nav/pos-graduacao.png); }
ul#sm-cursos li.nav-05 a { background-image:url(../img/sub-nav/gestao-hoteleira.png); }
ul#sm-cursos li.nav-06 a { background-image:url(../img/sub-nav/hospitalidade-hospitalar.png); }
ul#sm-cursos li.nav-07 a { background-image:url(../img/sub-nav/hospitalidade-servicos.png); }
ul#sm-cursos li.nav-08 a { background-image:url(../img/sub-nav/extensao.png); }
ul#sm-cursos li.nav-09 a { background-image:url(../img/sub-nav/agroecologia-aplicada.png); }


ul#sm-inscricoes li.nav-01 { background-image:url(../img/sub-nav/graduacao.png); }
ul#sm-inscricoes li.nav-02 a { background-image:url(../img/sub-nav/hotelaria-bacharelado.png); }
ul#sm-inscricoes li.nav-03 a { background-image:url(../img/sub-nav/transferencia.png); }
ul#sm-inscricoes li.nav-04 a { background-image:url(../img/sub-nav/diplomados.png); }
ul#sm-inscricoes li.nav-05 { background-image:url(../img/sub-nav/pos-graduacao.png); }
ul#sm-inscricoes li.nav-06 a { background-image:url(../img/sub-nav/gestao-hoteleira.png); }
ul#sm-inscricoes li.nav-07 a { background-image:url(../img/sub-nav/hospitalidade-hospitalar.png); }
ul#sm-inscricoes li.nav-08 a { background-image:url(../img/sub-nav/hospitalidade-servicos.png); }
ul#sm-inscricoes li.nav-09 a { background-image:url(../img/sub-nav/agroecologia-aplicada.png); }


ul#sm-castelli li a:hover, ul#sm-estude li a:hover, ul#sm-cursos li a:hover, ul#sm-inscricoes li a:hover { background-position:right top; }

div.box-txt-mec, div.box-txt-mec h6,
div.box-txt-mec p {
	display:inline;
	float:left;
	position:relative;
	width:470px;
}

div.box-txt-mec { background:url(../img/bg/texto-mec.jpg) repeat-x left top; padding:0 15px 15px; }

div.box-txt-mec h6 {
	margin:15px 0 0;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#262626;
}

div.box-txt-mec p {
	margin:2px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	line-height:140%;
	color:#262626;
}