@font-face {  
  font-family: "Score";  
  src: url(scoreboard.ttf); /* IE */  
  src: local("Score Board"), url(scoreboard.ttf ) format("truetype"); /* non-IE */  
}  

/*
CSS RESET
*/
* {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
}

a {
	color: #feec00;
	text-decoration: none;
	outline: none
}
a:visited {
	color:#d4c728;
	
}
a:hover, a:focus {
	text-decoration: underline;
	color: #feec00
}



.oculto {
	display:none
}

.displayBlock {
	display:block
}

.load {
	background: url(load.gif) no-repeat center
	
}


ul.lista {
	padding:0 0 0 30px;
}
ul.lista li {
	list-style: disc;
	padding-bottom: 10px;

}

/*
FUNDO
*/
body{
	/*
background: #00539f url(../img/layout/bg-body-azul.jpg) repeat-x center top;
*/
	background: #00539f url(../img/colorbox/overlay.jpg) repeat center top;
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff
}

div#bg {
	background: url(../img/layout/bg-pagina-azul.gif) repeat-y center top;
}

/*
ESTRUTURA
*/
div.global {
	width: 789px;
	margin: 0 auto;
	position:relative;
	background: url(../img/layout/bg-global.gif) repeat-x bottom;
}

/*
 * TOPO
 */
div#topo {
	background: url(../img/layout/bg-topo-azul.jpg) no-repeat top center;
	height: 276px
}

div#topo div#placar {
	width: 700px;
	height:160px;
	background: url(../img/placar-bg.jpg) repeat;
	position: absolute;
	overflow: hidden;
	top: 110px;
	right:3px;
	border: 3px solid #3f3f3f
}
div#topo strong#img {
	display: block;
	padding:0 23px;
	height:106px;
	text-indent: -9999px;
	
	position: absolute;
	top:22px;
	left: 50px	
}
div#topo strong.passei {
	background: url(../img/letreiro/passei-grande.png) no-repeat top;
	left:50% !important;
	top: 50% !important;
	margin-left: -264px !important;
	margin-top: -77px !important;
	width: 528px;
	height:154px !important;
}
div#topo strong.vestibular {
	background: url(../img/letreiro/vestibular.png) no-repeat top;
	width: 753px !important;
}

div#topo strong.ensino {
	background: url(../img/letreiro/ensino-presencial.png) no-repeat top;
	width: 910px !important;
}

div#topo span#imagem {
	display: block;
	width:243px;
	height: 278px;
	background: url(../img/layout/logo-unopar.png) no-repeat bottom left;
	position: absolute;
	z-index:99;
	top:-2px;
	left:-10px
}

div#topo span#unopar {
	display: none;
	width:161px;
	height: 751px;
	background: url(../img/layout/bg-unopar.jpg) no-repeat;
	position: absolute;
	z-index:99;
	top:0;
	left:-200px
}

div#loader {
	width: 32px;
	height:32px;
	position: absolute;
	top: 235px;
	left: 50%;
	margin-left: -16px;
	background: url(../img/load.gif) no-repeat center
}

/*
 * INICIAL
 */

a#canal {
    position: relative;
    bottom: 10px;
	right: 10px;
    display: block; 
	background: url(../img/icones/canal.gif) no-repeat left center;
	padding-left: 28px;
	line-height: 100%;
	float: right
}
.pLink {
	height: 30px
}

ul#botoes, ol#processos {
	padding:0 32px 67px;
	background: url(../img/layout/bg-botoes.jpg) no-repeat bottom center;
	height: 164px;
	border-top: 45px solid #000;
}


ul#botoes li, ol#processos li {
	display: inline
}

ul#botoes a, ol#processos li{
	display: block;
	width: 362px;
	height: 164px;
	float:left;
	text-indent: -9999px;
	background: url(../img/layout/sprite-botoes.jpg) no-repeat;
}

p.tituloEscuro {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #5b5b5a;
	padding-top: 20px;
}

ul#botoes {
	padding:0 0 0 20px;
	height: 241px
}
ul#botoes a {
	width: 373px;
	height: 241px;
	background: url(../img/layout/sprite-botoes2.jpg) no-repeat;
}

ul#botoes a#presencial {
	background-position: 0 0;
}
ul#botoes a#distancia {
	background-position: -373px 0;
}

ul#botoes a#presencial:hover {
	background-position: 0 -241px;
}
ul#botoes a#distancia:hover {
	background-position: -373px -241px;
}
 /*processos*/
ol#processos, ol#presencial {margin-top: 0px;}
ol#processos li, ol#presencial li { background: url(../img/layout/bg-processos.jpg) no-repeat bottom center; text-indent: 0; }
ol.ead li { background-image: url(../img/layout/bg-etapas.jpg) !important; }
ol.tradicional li { background: none !important; float: none !important; margin:0 auto !important }
ol.tradicional { background-image: url(../img/layout/bg-tradicional.jpg) !important; }
ol#processos li.primeiro { background-position: left top}
ol#processos li.segundo { background-position: right top}
ol#processos li p {
	position: absolute;
	width: 362px;
	font-size: 1.6em;
	text-align: center;
	bottom: 30px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0px 0px 5px #000
}


.blocoTexto, table {
	margin:5px 27px;
	background-color: #0f0f0f;
	border:1px solid #1b1b1b;
	padding: 5px;
	font-size: 1.2em;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}
.marginTop {
	margin-top: 27px;
	margin-bottom: 27px
}
.blocoTexto p {
	padding: 5px;
	line-height: 150%
}

.titulo {
	display: block;
	text-indent: -9999px;
}

h2#sobre {
	width:168px;
	height:50px;
	background: url(../img/titulo/sobre.jpg) no-repeat center
}

.aviso {
	margin:5px 27px;
	background:#f6b213 ;
	border:1px solid #d67e18;
	padding: 20px 10px;
	font-size: 1.4em;
	color: #000;
	clear: both;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/*
 * RODAPE
 */
div#rodape {
	height: 176px;
	position: relative;
	clear: both;
}

div#rodape address {
	display: block;
	font-style: normal;
	font-size: 1.2em;
	text-align: center;
	line-height: 150%;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	width:100%;
	height:72px;
	position: absolute;
	top: 50%;
	margin-top: -36px;
	
}
div#rodape address strong {
	display: block;
	font-size: 1.2em;
	font-weight: normal;
}

div#rodape a.unopar {
	display: block;
	width:105px;
	height:116px;
	background: url(../img/layout/logo-unopar.gif) no-repeat center;
	position: absolute;
	top: 50%;
	left:80px;
	margin-top:-58px;
	text-indent: -9999px;
	
}
div#rodape a.unoparVirtual {
	display: block;
	width:157px;
	height:154px;
	background: url(../img/layout/logo-unoparvirtual.gif) no-repeat center;
	position: absolute;
	top: 50%;
	right:50px;
	margin-top:-85px;
	text-indent: -9999px;
	
}

div#rodape a.unopar span, div#rodape a.unoparVirtual span{
	display:block;
	position: relative;
	text-indent: 0;
	top: 95px;
	color: #fff
}
div#rodape a.unoparVirtual span {
	top : 135px
}
div#rodape a.unopar:hover, div#rodape a.unoparVirtual:hover {
	color: #fff
}

/*
 * INTERNAS
 */

h1 {
	padding:20px 20px 5px;
	font-size: 2.5em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #feec00;
	text-transform: uppercase;
	text-shadow: 0 0 10px #feec00
}

h2 {
	padding:5px 20px;
	font-size: 1.8em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 0 10px #ccc;
	text-transform: uppercase;
}

h3 {
	padding:5px 30px;
	font-size: 1.7em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#f8be27;
	text-shadow: 0 0 10px #f8be27;
	margin-top:10px
}
p.titulo, table caption, p.obs, h4 {
	padding:5px 30px;
	font-size: 1.4em;
	font-weight: bold;
	text-indent: 0;
	text-align: left;
}
p.obs {
	font-size: 1.1em;
	font-weight: normal;
	clear: both;
}
table caption{ padding-left: 10px; font-size:1.2em;  margin: 30px 0 10px; }
h4 { margin: 30px 0 10px;}
table {
	width:94%;
	margin: 0 27px;
	padding:0;
	border-collapse: collapse;
}
table th {
	border:1px solid #333;
	border-bottom-color:#000000;
	padding:5px;
	font-size: 1.1em;
	background-color:#1b1b1b;
	background: #1b1b1b url(../img/layout/bg-global.gif) repeat-x bottom
}

table td{
	padding: 5px;
	border:1px solid #333;
	border-top-color:#1a1a1a;
}
table td.centro {
	text-align: center;
	vertical-align: middle;
}

ul#menu {
	width:100%;
	float: left;
	margin: 10px 0;
	background: #000 url(../img/layout/bg-menu.gif) repeat-x top 
}
ul#menu li { display: inline;}
ul#menu li a {
    display: block;
	float: left;
	padding:15px 20px;
	font-size:1.4em
}

ul#menu li a.ativo {
	font-weight: bold;
	color: #fff;
	background: url(../img/icones/ativo.gif) no-repeat top center
}


ul#menu li a.atual {
	background: url(../img/layout/menu-seta.gif) no-repeat center right
}

.aviso a {
    color: #000;
	padding:0 90px;
	text-decoration: underline;
}
.aviso a:hover {
	text-decoration: none
}

/*PRESENCIAL E EAD*/
ol#presencial, ol#ead {
	background: url(../img/layout/bg-opcoes.jpg) no-repeat bottom center;
	margin:0 auto 0;
	border-top:none;
	height: 199px;
	width: 660px;
	position:relative;
	clear: both
}
ol#presencial h2, ol#ead h2 {
	padding:0;
	margin:0
}
ol#presencial a, ol#ead a,
ol#presencial span, ol#ead span {
	display: block;
	position: absolute;
	width: 222px;
	height: 85px;
	top: 51px;
	text-indent: -99999px
}

ol#presencial li a, ol#ead a,
ol#presencial li span, ol#ead span {
	display: block;
	position: absolute;
	width: 222px;
	height: 86px;
	top: 0;
	margin:48px 0 0;
	padding:0;
	text-indent: -9999px;
	
}

ol#ead a, ol#ead span {
	top: 50px;
	margin:0;
}


ol#ead a , ol#ead span{ background: url(../img/titulo/sprite-ead.jpg) no-repeat;}
ol#presencial li a {
	top: -10px
}
ol#presencial li, ol#ead li { height: auto; display: inline; }

ol#presencial li.processo1 a, ol#presencial li.processo1 span { background: url(../img/titulo/resultado1.jpg) no-repeat center bottom; left: 54px; width:228px; height: 105px;}
ol#ead li.processo1 a, ol#ead li.processo1 span { left: 54px;}
ol#presencial li.processo2 a {left: 370px; background: url(../img/titulo/2processo-inscricoes.gif) no-repeat center center;  width:253px; height: 105px;}
ol#ead li.processo2 a { background-position: 0 -85px; left: 390px}

/*ead*/
ol#ead li{ background: url(../img/layout/sprite-menuEAD.jpg) no-repeat ; float: left}
ol#ead li a#inscricoes {
	display: block;
	width: 362px;
	height:164px;
	background-position: 0 0;
	float: left;
}
ol#ead li a#provas {
	display: block;
	width: 362px;
	height:78px;
	background-position:-362px -86px;
	float: right;
}

ol#ead li a#cursos {
	display: block;
	width: 362px;
	height:86px;
	background-position: -362px 0;
	float: right;
}

ol#ead li a:hover#inscricoes { background-position: 0 -164px;}
ol#ead li a:hover#provas { background-position: -362px -250px;}
ol#ead li a:hover#cursos { background-position: -362px -164px;}


h1#ensinoPresencial {
	height: 25px;
	/*
background: url(../img/titulo/ensino-presecial.jpg) no-repeat 20px bottom;
*/
	text-indent: -9999px
}
h1#ensinoDistancia {
	height: 25px;
	/*
	background: url(../img/titulo/ensino-a-distancia.jpg) no-repeat 20px bottom;
	*/
	text-indent: -9999px
}

h2#avisoInscricoes {
	background: url(../img/titulo/avisoInscricoes.jpg) no-repeat center;
	text-indent: -9999px;
	position: relative;
	top: -33px;
	height:54px
}

div#load {
	position: absolute;
	width: 130px;
	height: 30px;
	top:30px;
	right:10px;
	margin:0;
	background: url(../img/load-preto.gif) no-repeat center;
	text-align: center;
	font-size: 2em;

}

#conteudo address.blocoTexto {
	font-style: normal;
	float: left;
	margin:10px;
	width: 45%;
	line-height: 150%
}

ul.inscricao {
	font-size: 1.4em;
	width: 648px;
	height:70px;
	margin: 0 auto
}
ul.inscricao li {
	display: inline
}
ul.inscricao a {
	display: block;
	float: left;
	padding: 20px;
	width: 35%;
	text-align: center;
	font-weight: bold
}

ul#funcionalidades {
	position: absolute;
	top:0;
	right:10px;
	
}
ul#funcionalidades li { display: inline;}

ul#funcionalidades a {
	display: block;
	float: left;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	height:20px; 
	line-height: 20px;
	width:20px;
	text-align: center;
	border: 1px solid #000;
	border-bottom: none;
	background:url("../img/layout/bg-global.gif") repeat-x  bottom ;
	color:#fff;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

ul#funcionalidades a.aumentar {
	font-size: 1.4em;
	
}
ul#funcionalidades a.diminuir {
	font-size: 0.9em;
	
}
ul#funcionalidades a.voltar {
	font-size: 1.1em;
	width:50px;
}

ul#funcionalidades a:hover {
		text-decoration: none;
		border-color:#353535;
		background: #3b3b3b;
}

/*
 * FUNDO
 */
div#somFundo {
	background-color: #000;
	padding:3px 3px 0;
	position:fixed;
	top:0;
	left: 50%;
	margin-left:250px;
	
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-bottom-radius: 5px;
	-webkit-border-top-bottom-radius: 5px;
	box-shadow:0 1px 2px #666;
	-moz-box-shadow: 0 1px 2px #fff;
	-webkit-box-shadow: 0 1px 2px #fff;
}



/*
 * menu presencial
 */
ul#menuPresencial, ul#menuEAD {
	width: 597px;
	height:53px;
	margin: 0 auto;
	z-index:99;
	position: relative;
}
ul#menuPresencial li, ul#menuPresencial li a,
ul#menuEAD li, ul#menuEAD li a  {
	display:block;
	float: left;
	height: 53px;
	background: url(../img/layout/sprite-menuPresencial.jpg) no-repeat;
	position: relative;
	z-index:99
}
ul#menuEAD, ul#menuEAD li, ul#menuEAD li a {background-image: url(../img/layout/sprite-menuEAD.jpg);}

/*presencial*/
ul#menuPresencial li#inscricoes, ul#menuPresencial li#inscricoes a { width: 135px;	background-position: 0 0;}
ul#menuPresencial li#inscricoes a, ul#menuPresencial li#provas h3 { text-indent: -9999px}
ul#menuPresencial li#cursos, ul#menuPresencial li#cursos a { width: 181px;	background-position: -135px 0; text-indent: -9999px}
ul#menuPresencial li#provas { width: 85px;	background-position: -316px 0;}
ul#menuPresencial li#infos, ul#menuPresencial li#infos a { width: 195px;	background-position: -402px 0; text-indent: -9999px}

ul#menuPresencial li#inscricoes a:hover, ul#menuPresencial li#inscricoes a:focus, ul#menuPresencial li#inscricoes a.ativo {background-position: 0 -53px;}
ul#menuPresencial li#cursos:hover,ul#menuPresencial li#cursos:focus ,
ul#menuPresencial li#cursos a:hover, ul#menuPresencial li#cursos a:focus  {background-position: -135px -53px;}
ul#menuPresencial li#provas:hover, ul#menuPresencial li#provas:focus, ul#menuPresencial li#provas.ativo  {background-position: -316px -53px;}
ul#menuPresencial li#infos:hover, ul#menuPresencial li#infos:focus, 
ul#menuPresencial li#infos a:hover, ul#menuPresencial li#infos a:focus  { background-position: -402px -53px;}

/*ead*/
ul#menuEAD li#inscricoes a { width: 121px;	background-position: -41px 0; margin-left: 41px; position:relative;}
ul#menuEAD li#inscricoes a, ul#menuEAD li#provas h3, ul#menuEAD li#resultados h3 { text-indent: -9999px}
ul#menuEAD li#cursos, ul#menuEAD li#cursos a { width: 181px;	background-position: -161px 0; text-indent: -9999px}
ul#menuEAD li#provas { width: 87px;	background-position: -342px 0;}
ul#menuEAD li#resultados { width: 123px;	background-position: -428px 0;}



ul#menuEAD li#inscricoes a:hover, ul#menuEAD li#inscricoes a:focus, ul#menuEAD li#inscricoes a.ativo {background-position: -41px -53px;}
ul#menuEAD li#cursos:hover,ul#menuEAD li#cursos:focus ,
ul#menuEAD li#cursos a:hover, ul#menuEAD li#cursos a:focus  {background-position: -161px -53px;}
ul#menuEAD li#provas:hover, ul#menuEAD li#provas:focus, ul#menuEAD li#provas.ativo  {background-position: -342px -53px;}
ul#menuEAD li#resultados:hover, ul#menuEAD li#resultados:focus, ul#menuEAD li#resultados.ativo  {background-position: -428px -53px;}

/*submenu*/
ul#menuPresencial li ul, ul#menuEAD li ul {
	position: absolute;
	top:53px;
	left:8px;
	background-color: #fff;
	z-index: 99;
	display: none;
	width: auto;
	
	border-radius-bottom-left: 10px;
	border-radius-bottom-right: 10px;
	box-shadow: 0 2px 2px #666;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-box-shadow:  0 2px 2px #666;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-box-shadow:  0 2px 2px #666;
}
ul#menuPresencial li#provas ul,
ul#menuPresencial li#resultados ul,
ul#menuEAD li ul { left:4px}
ul#menuEAD li#provas ul  { left: auto; right:5px;}
ul#menuEAD li#resultados ul { left: auto; right:0;}

ul#menuPresencial li ul li, ul#menuPresencial li ul li a,
ul#menuEAD li ul li, ul#menuEAD li ul li a {
	background: none;
	height: auto;
	clear: both;
}
ul#menuPresencial li ul li a,
ul#menuEAD li ul li a {
	display: block;
	padding: 10px;
	font-size: 1.4em;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	text-shadow: 0 1px 0 #ccc;
	margin: 5px;
}

ul#menuPresencial li:hover ul, ul#menuPresencial li:focus ul,
ul#menuEAD li:hover ul, ul#menuEAD li:focus ul { display: block }
ul#menuPresencial li ul li a:hover,
ul#menuEAD li ul li a:hover {
	text-decoration: underline;
	color: #000;
	
	border-radius: 10px;
	box-shadow: 0 0 10px #999;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 10px #999
}

/*ul edital*/
ul#edital li {
    display: block;
	float: left;
	padding: 5px 10px;
	width: 47%;
	text-align: left;
	margin-top:30px
}
ul#edital li.first {
	border-right: 1px solid #fff;
	text-align: right
}
ul#edital li a {
	color: #fff;
	font-size: 1.4em
}


/* conteudo na layer*/
div#cboxContent h2 {
	color: #F8BE27;
	text-shadow: none
}

div#cboxContent {
	color: #1a1a1a
}

div#cboxContent h3 {
	color: #333;
	text-shadow: none
}

div#cboxContent .blocoTexto, div#cboxContent table {
	background-color: #fafafa;
	border:1px solid #efefef;
	color: #000
}

div#cboxContent a {
	color:#666;
	
}

div#cboxContent thead th {
	color: #666;
	text-shadow: 0 1px 0 #fff;
	background: #efefef ;
	border-color: #efefef
}
div#cboxContent td {

	border-color: #efefef
}

div#cboxContent table {
	width: 92%
}


ul#multimidia {
	height: 50px
}
ul#multimidia li {
	display:block;
	width:49.9%;
	float:left;
}

ul#multimidia li img {
	border:0
}
ul#multimidia li.video {
	text-align: right;
}
ul#multimidia li img {
	margin : 0 20px
}

a#gabaritoPresencial {
	display:block;
	width: 100%;
	height:55px;
	text-indent: -9999px;
	background: url(../img/titulo/sprite-gabarito2.jpg) no-repeat center 0

}
a#gabaritoPresencial:hover { background-position: center -55px}

/**/
ul.resultadoMatricula {
	width: 600px;
	height: 76px;
	margin: 0 auto 20px
}
ul.resultadoMatricula li { display: inline;}
ul.resultadoMatricula li a {
	display: block;
	width: 200px;
	height: 89px;
	float:left;
	text-indent: -9999px
}

ul.resultadoMatricula li a.resultado {
	background: url(../img/titulo/sprite-resultado.jpg) no-repeat -2px 0;
}

ul.resultadoMatricula li a.resultado:hover, ul.resultadoMatricula li a.resultado:focus {
	background-position: -2px -89px
}

ul.resultadoMatricula li a.gabarito {
	background: url(../img/titulo/sprite-gabarito2.jpg) no-repeat -2px 0;
}

ul.resultadoMatricula li a.gabarito:hover, ul.resultadoMatricula li a.gabarito:focus {
	background-position: -2px -89px
}

ul.resultadoMatricula li a.matricula {
	background: url(../img/titulo/sprite-matricula.jpg) no-repeat -2px 0;

}

ul.resultadoMatricula li a.matricula:hover, ul.resultadoMatricula li a.matricula:focus {
	background-position: -2px -90px
}
ul.resultadoMatricula li a.matricula2 {
	background: url(../img/titulo/sprite-matricula2.jpg) no-repeat -2px 0;

}

ul.resultadoMatricula li a.matricula2:hover, ul.resultadoMatricula li a.matricula2:focus {
	background-position: -2px -90px
}

ul.resultadoMatricula li a.resultadoEAD1 {
	background: url(../img/titulo/sprite-resultado-agendado1.jpg) no-repeat 0 0;
	width: 238px;
	margin:0 auto !important;
	float: none

}

ul.resultadoMatricula li a.resultadoEAD1:hover, ul.resultadoMatricula li a.resultadoEAD1:focus {
	background-position: -1px -92px
}

