/*  HTML5 Boilerplate
	Modified by Webinterativa  
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #06e; text-decoration: none }
a:hover { color: #697695; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/** Forms **/
input, select, textarea {padding:7px 5px; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ccc; margin-bottom: 20px}
input:focus, select:focus, textarea:focus{border:1px solid #ffba00; outline: none;}
input[type=checkbox], input[type=radio]{}
input[type=submit] {padding: 10px; background-color:#f9f9f9; -moz-box-shadow: 0 0 8px #eee;-webkit-box-shadow: 0 0 8px #eee; font-weight: bold}
input[type=image] {border:0; padding: 0} 
label {margin-bottom: 5px; display: block	}
.c1{width:300px} 
.c2{width:300px; height:150px} /* usado em textareas default */
.c3{width:170px}
.c4{width:140px}
.c5{width:110px}
.c6{width:80px}
.c7{width:50px}
.c8{width:30px}
.fs1 dl{clear:both; min-height:30px; height:auto !important; height:30px; margin:0 overflow:hidden}
.fs1 dt{float:left; text-align:right; width:150px; margin: 9px 10px 0 0}
.fs1 dd{float:left; width:600px; margin:0 0 6px 0; padding-top:2px}
.fs1 dd span{display:block;margin:3px 0 0 0;font-size:11px;color:#818181}
.fs1 dd input{margin-right:3px}
.label{text-align:right; margin-bottom: 5px}
label.error{font-size:11px;background:#FFF0F0;border:none;color:#FF0000;margin-left:5px;text-align:left}
.error{background: #FFF0F0;border: 1px solid #FF0000;display:inline}
.msg1,.msg2{text-indent:20px;margin-bottom:14px;padding:5px; overflow:hidden; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;-o-box-shadow:1px 1px 2px #ccc;box-shadow:1px 1px 2px #ccc}
.msg2{color:red;background:#FFF0F0 url(../imagens/icone_x.gif) no-repeat 8px 7px;}
.msg1{color:#060;background:#E0FFE0 url(../imagens/icone_v.gif) no-repeat 8px 7px;}

 /* Primary Styles
    Author: Webinterativa
 */

/* Paleta de cores 
  Amarelo: #fdca23
  Azul: #081c4f
  Azul Claro: #98a5c5
  Cinza: #eeeff4
  Cinza azulado: #e7eaf3
  Laranja:#ffba00
  Azul acinzentado: #697695
*/

.center{width:980px;margin:0 auto}
.alignright {float: right; clear: right; margin-bottom: 10px; margin-left: 20px}

#topo {border-top:7px solid #ffc400; }
#topo-conteudo { background: url(../imagens/topo-bg.jpg) no-repeat right top}
#topo-logo {margin: 0px 0; float: left}
#topo-logo a {width: 214px; height: 84px; margin:5px 0; background: url(../imagens/sprite.png) no-repeat}
#topo-logos-parceiros {width: 600px; height: 63px; background: url(../imagens/parceiros-topo.png); float: right; margin-top: 25px}

#nav-global {background: url(../imagens/nav-global-bg.jpg); height: 48px}
#nav-global-ul {}
.nav-global-li {float:left; position:relative; padding:18px 0}
.nav-global-li:hover > .nav-sub {display: block;}
.nav-global-li a { color: #fff; text-transform: uppercase; padding: 0 10px; border-right: 1px solid #304174; -webkit-transition: all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition: all .1s ease-in-out;  }
.nav-global-li a:hover  { color: #fdca23;  }
.nav-sub {display: none;background-color:#e7eaf3; width:200px; border:0; position:absolute; left:0px; top:45px; z-index:9999; box-shadow:0 2px 8px #ddd; -webkit-box-shadow:0 2px 8px #ddd; -moz-box-shadow:0 2px 8px #ddd;}
.nav-sub li a {color:#000; padding:10px; display: block; border-bottom:1px solid #ccc; border-right:0}
.nav-sub .nav-sub {left:200px; top:0} 
.nav-sub li:hover > .nav-sub {display: block;}

/* PRINCIPAL */
#banner {background-color:#eeeff4; height: 243px; margin-bottom: 30px}
#banner-conteudo { -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; overflow: hidden; height: 260px; margin-top:10px; position:relative }
#banner-conteudo nav {position: absolute; right: 10px; bottom: 10px; z-index: 999; background-color: #081c4f; padding: 5px 5px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;  }
#banner-conteudo nav a {margin: 5px; color: #fff;}
#banner-conteudo nav a.activeSlide {color: #fdca23;}

#banners { width: 980px; height: 260px; }
#banners .imagem { -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius:10px; overflow: hidden; width: 980px; height: 260px}

#principal-cursos {margin-right: -10px; margin-bottom: 20px}
.cursos-curso {width: 240px; height:70px; float: left; background-color: #eee; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 10px #ccc; margin-right: 7px; cursor: pointer }
.cursos-curso h2 { font-size:16px; margin:0; margin-left: 10px; margin-top: 28px; -webkit-transition: all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition: all .1s ease-in-out; }
.cursos-curso h2 .titulo-seta {background-position: -6px -85px}
.cursos-curso p {padding: 0px 10px; margin: 0; margin-left:15px;  }
.cursos-curso:hover p { opacity: 1; display:block\9; *display:block; _display:block;  }
.cursos-curso h2 {margin-top: 10px}
.cursos-curso .titulo-seta {background-position: 0 -85px !important}
.cursos-curso:hover .titulo-seta {background-position: -6px -85px !important}
.cursos-curso a {color:#081c4f}
#curso-graduacao:hover {background-color:#CAE01C}
#curso-graduacao:hover .titulo-seta {background-position: 0 -85px !important}
#curso-posgraduacao:hover {background-color: #d41642; -webkit-box-shadow:inset 0 0 10px #be143b;}
#curso-posgraduacao:hover, #curso-posgraduacao:hover .titulo-seta, #curso-posgraduacao:hover a, #curso-extensao:hover, #curso-extensao:hover .titulo-seta, #curso-extensao:hover a, #curso-internacionais:hover, #curso-internacionais:hover .titulo-seta, #curso-internacionais:hover a {color:#fff}
#curso-extensao:hover {background-color:#f4800f; -webkit-box-shadow:inset 0 0 10px #da720d;}
#curso-internacionais:hover {background-color: #081c4f; -webkit-box-shadow:inset 0 0 10px #000;}

#portal-de-graduacao label { width: 50px; margin: 3px 0; padding-top: 7px; font-size:12px; color: #081c4f; font-weight: bold}
#portal-de-graduacao label, #portal-de-graduacao input, #portal-de-graduacao select {float: left;margin: 5px 0;}
#portal-de-graduacao input, #portal-de-graduacao select {padding:7px 5px; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ccc}
#portal-de-graduacao #ok {margin-left: 10px; background-color: #fff}

#principal-chamadas {margin-right: -30px}
.chamada {width:230px; float: left; margin-right: 20px; color:#081c4f }
.chamada a {color:#081c4f }
.chamada a:hover {color:#98a5c5}
.chamada .chamada-titulo {font-size:20px; color: #081c4f; margin-bottom: 10px}
.chamada .chamada-titulo .titulo-seta {margin-top: 3px}
#noticias.chamada ul {margin: 0; padding: 0;}
#noticias.chamada ul li {list-style: none; font-size:11px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc}
span.data {margin-top: 20px; display: block}

/* INTERNAS */
#conteudo {background-color:#f9f9f9; padding-bottom: 20px}
#conteudo-conteudo {padding: 10px;}
#migalha-de-pao {display:block; font-size: 11px; margin-bottom: 5px}
#migalha-de-pao span {font-size:11px !important;}
#migalha-de-pao a { color:#7985a5}
aside {float: left; width: 223px; margin-right: 15px }
aside .titulo-seta, x:-moz-any-link, x:default {margin-top: 5px !important}
h3.titulo {color:#7985a5; font-size: 24px; font-weight: normal; margin: 15px 0}
h3.titulo .titulo-seta {float:right; background-position:-20px -85px; width: 8px ; margin-top:6px}
#secao-conteudo {background-color:#fff; float: left; width: 700px; padding: 0 20px 30px 20px; border: 1px solid #f4f4f4; overflow: hidden;  line-height: 17px}
#secao-conteudo h1 {color:#081c4f; font-size:24px; font-weight:normal; margin: 18px 0;  }
.alignright, img[align=right] {float: right; margin-bottom: 20px; margin-left: 20px}
.tabelaHorariosBiblio th {color: #fff}
.tabelaHorariosBiblio td {border: 2px solid white;}
.tabela-ficha b {display: block}
.style1 {color:#fff}

.selectgroup input, .selectgroup label {float: left;}	
.selectgroup input {width: 25px}
.selectgroup label {width: 200px}
#inserir optgroup,#txtCurso{color:#000;}
#txtCurso{font-size:18px;}
#inserir optgroup option{color:#666;}
select{height:25px !important; padding:0 !important;}

#nav-local > ul > li {padding: 7px 0; border-bottom: 1px solid #e6ecf7}
#nav-local > ul > li , #nav-local > ul > li > a { font-size:14px;font-weight:bold;color:#5e76a3;}
#nav-local > ul > li > .titulo-seta {font-size: 14px; background-position: -28px -85px; margin:3px 10px 0 0}
#nav-local > ul > li > a:hover {color:#081c4f}
#nav-local > ul > li > ul {margin-left: 18px; margin-bottom: 10px; display: none}
#nav-local > ul > li > ul > li {margin: 3px 0}
#nav-local > ul > li > ul > li > a {font-size:12px; font-weight:normal; color: #081c4f}
#nav-local > ul > li > ul > li > a:hover {color:#98a5c5}

body.administracao li#administracao ul, body.cienciascontabeis li#cienciascontabeis ul, body.cienciadacomputacao li#cienciadacomputacao ul, body.direito li#direito ul, body.vestibular li#vestibular ul  {display: block}

.tabela_01{ width:100%; margin-top:10px;}
.tabela_01 .tdtopo01{background:#233D7B;color:#FFF;font-weight:bold;}
.tabela_01 td{padding:6px 10px 6px 10px;border:1px solid #CCC;line-height:17px;color:#454545;}
.tabela_01 td span{font-size:13px;font-weight:bold;color:#000;}

/* NOTICIAS */
.noticias { padding:0}
.noticias li {padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px #ccc solid; list-style: none;}

/* CURSOS */
.cursos-lista #secao-conteudo ul {padding: 0px 5px	;}
.cursos-lista #secao-conteudo ul li {padding: 10px; border: 1px #ddd solid; list-style: none; margin-bottom: 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow: inset 0 0 8px #eee}

#rodape {background: #e7eaf3 url(../imagens/rodape-bg.jpg) repeat-x;}
#rodape a {color:#7986a8}
#rodape a:hover {color:#081c4f}
#rodape-conteudo { padding: 20px 0}
#rodape-mapadosite {width: 180px; float: left; margin-right: 20px}
#rodape-mapadosite ul {margin: 10px; padding: 0}
#rodape-mapadosite ul li {margin: 5px; list-style: none ; color: #697695}
#rodape-mapadosite ul li a {color: #697695}
#rodape-fone {width: 250px; float:left; margin-right: 20px}
#rodape-fone #fone-bloco {width:250px; height: 85px; margin-bottom:20px; display:block; background: url(../imagens/rodape-fone.jpg)}
#rodape-fone #fone-redes a { display: block; padding: 7px 0 7px 40px; margin: 7px 0}
#rodape-fone #fone-redes a.twitter {background: url(../imagens/sprite.png) no-repeat 0px -99px}
#rodape-fone #fone-redes a.facebook {background: url(../imagens/sprite.png) no-repeat 0px -126px}
#rodape-fone #fone-redes a.webmail {background: url(../imagens/sprite.png) no-repeat 0px -152px}
#rodape-parceiros {width: 250px; height:210px; margin-right:20px; float:left; background-color:#fff; -webkit-border-radius:10px;-moz-border-radius:10px;border-border-radius:10px; overflow: hidden}
#rodape-parceiros .titulo {padding: 15px; background-color: #eff2f6}
#rodape-parceiros #parceiros img {margin: 5px 18px}
#rodape-fanpage {background-color: #fafaff; float: left; width: 240px}
#rodape-assinatura {background-color:#081c4f; padding: 5px 0 ;color: #fff}
#rodape-assinatura p {float: left}
#assinatura{width:87px;float:right;overflow:hidden; margin: 8px 8px 0 0}
#assinatura a {padding: 0}
#assinatura .diletta{width:55px;height:23px; background:url(../imagens/assinatura_diletta_wi.png) no-repeat; float: left}
#assinatura .webinterativa{width:32px;height:23px;background:url(../imagens/assinatura_diletta_wi.png) -55px no-repeat;}

/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */

/** Classes Gerais **/
.titulo {font-size:14px; color: #081c4f}
.titulo .titulo-seta {font-size:14px;}
span.titulo-seta {background:url(../imagens/sprite.png) 0px -85px; width:7px; height:14px; float:left; display: block; border: 0; text-indent: -999em; overflow: hidden; margin:0 6px 0 2px; float:left}
.veja-mais {float:right; color: #ffba00 !important}


.clear{clear:both}
.block{display:block}
.apagado{display:none}
.fl{float:left}
.fr{float:right}
.pointer{cursor:pointer}
.arredondado5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.arredondado10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.arredondado20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}

/* For image replacement */
.ir, .ir-inline { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.ir-inline{display:inline}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}