/* Topdesk
#6C6C00; - dourado
#F7FCEB; - fundo bege claro
#CCCBA2; - fundo bege escuro
#FCF79A; - amarelo
#B94133; - vermelho*/
/* reset */
html{color:#333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/*body */

body {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F7FCEB;}
p {margin-bottom: 1em; line-height: 1.7em}
/* geral*/
#geral {width: auto; height: 100%;	background-color: #F7FCEB;}
/* header */
#header {width: 100%; height: 205px; display: table; background-color: #CCCBA2;}
#header #tit  {
	position:absolute;
	padding-top:18px;
	width:920px;
	left: 40px;
	top: 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../imagens/fundo_mandala.jpg) repeat-y;
}
#header #tit .titulo {margin:0; padding: 0 0 7px 10px; font-size: 28px; color:#FCF79A; line-height:30px;}
#header #tit .III {font-size: 40px;}
#header #tit .grupo {font-family: helvetica neue, helvetica, arial, sans-serif; font-size: 16px; letter-spacing: 1px; font-weight: normal; margin:0;}

#header #mandala {float:left; margin:6px 20px 5px 0; width:86px; height:200px; background-color:#B94133; text-align:center;}

#header #nav {font-family: helvetica neue, helvetica, arial, sans-serif; width: auto; margin: 0;}
#header #nav ul li {width: auto; float: left; margin: 5px 15px 6px 0; font-size: 12px; letter-spacing: 1px; font-weight:bold; list-style-type:none;}
#header #nav ul li.last {margin-right: 0; float: left;}
#header #nav ul li a {text-decoration: none; color: #B94133; float: left;}
#header #nav ul li a:hover {color: #F7FCEB; background-color: #CAC591; /*padding:3px; border:1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/}

#header #login {position:absolute; width:160px; height:80px; left:800px; top: 25px; text-align:right; display:inline; float:left;}
#header #login .senha {font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size:11px; font-weight:bold; color:#FCF79A;}
#header #login a:link, a:active, a:visited {color:#FCF79A; text-decoration:none;}
#header #login a:hover {color:#FFFFFF; border-bottom:1px dotted #FFFFFF; text-decoration:none;}
#header #login p {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;}
#header #login input {
	color: #6C6C00;
	border:1px solid #CCCBA2;
	background-color: #F7FCEB;
	border-radius: 4px;
	-moz-border-radius: 4px; /* Firefox, or Gecko-based browsers */
	-webkit-border-radius: 4px; /* Safari, or Webkit-based browsers */
	padding: 2px 2px 2px 2px;
}
#header #login input:focus {
	border:1px solid #6C6C00;
	background-color: #F7FCEB;
}

/* conteudo */
#conteudo {
	position: absolute;
	width: 660px;
	top: 170px;
	padding:0 30px 15px 40px;
	background-color: #FFFFFF;
	left: 0;
}
#conteudo p {font-style: normal; color: #6C6C00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify;}
#conteudo td, th {padding:3px 5px 3px 5px;}
#conteudo .tit {color:#CCCBA2; padding:20px 0 10px 0; font-size:12px; font-weight:bold; text-transform:uppercase;}
#conteudo #comunica p {padding:0 0 8px 0; margin:0; line-height:15px; font-size:11px; text-align:left;}
#conteudo #comunica .titC {padding:0 0 4px 0; font-weight:bold;}
#conteudo .c10 {padding:0 0 15px 0; margin:0; line-height:20px; font-size:10px; text-align:left;}
#conteudo .menuTrab {padding:0; margin:0; line-height:14px; font-size:11px; text-align:left;}
#conteudo .txtC {padding:0; margin:0; line-height:14px; font-size:11px; text-align:center;}
#conteudo .txtR {padding:0; margin:0; line-height:14px; font-size:11px; text-align:right;}
#conteudo .txtJ {padding:4px 0 0 0; margin:0; line-height:14px; font-size:11px; text-align:justify;}
#conteudo .dir {padding:0; margin:0; font-size:10px; text-align:right;}
#conteudo .ini {padding-top:20px; text-align:left;}
#conteudo .iniT {padding:5px 0 6px 0; margin:0}
#conteudo .fechar {padding:10px 0 3px 0; margin:15px 0 0 0; font-size:10px; line-height:normal;}
#conteudo ul.itens {list-style-position:outside; list-style-type:square;}
#conteudo ul.itens li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6C6C00;
	font-size: 12px;
	margin:0 0 2px 30px;
	text-align: justify;
	line-height: 1.7em;
}
#conteudo ul.eixos {list-style-position:outside; list-style-type:decimal;}
#conteudo ul.eixos li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6C6C00;
	margin:0 0 6px 30px;
	font-weight:bold;
	line-height: 1.7em;
	text-align:left;
}
#conteudo ul.criterios {list-style-position:outside; list-style-type:square;}
#conteudo ul.criterios li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6C6C00;
	margin:0 0 6px 20px;
	line-height:16px;
	text-align:left;
}
#conteudo .finaliza {border-bottom:1px dotted #CCC;}
#conteudo a:active {color:#6C6C00; text-decoration: none;}
#conteudo a:link {color:#6C6C00; text-decoration: none;}
#conteudo a:visited {color:#6C6C00; text-decoration: none;}
#conteudo a:hover {color:#666; text-decoration: none;}
#conteudo span {color:#FFFFFF;}
#conteudo #fundo {float:left; margin:0 20px 0 0; width:86px; height:50px; background-color:#B94133; display:block; visibility:visible;}
#conteudo #exemplos {padding:0 0 8px 0; margin:4px 0 4px 0; border-top:1px solid #CCCBA2; border-bottom:1px solid #CCCBA2; clear:both;}
#conteudo #exemplos a:hover {color:#666; text-decoration: none; border-bottom:1px dotted #CCC;}
#conteudo #exemplos #explica {margin-top:15px; padding-top:10px; border-top:1px dotted #CCC;}
#conteudo #exemplos #explica p {padding:0 0 2px 0; margin:0; line-height:16px; font-size:11px; text-align:left; color:#333;}
#conteudo #exemplos #explica span {padding:0 0 5px 0; margin:0; line-height:16px; font-size:10px; text-transform:uppercase; text-align:left; color:#666;}
#conteudo #parecer, #conteudo #parecerCo {margin-top:8px; display:none;}
#conteudo #parecer p, #conteudo #parecerCo p {padding:0; margin:0; line-height:16px; font-size:11px; text-align:left; color:#236695;}
#conteudo #exemplos #explica a:link, a:visited, a:active {text-decoration: none; border-bottom:1px dotted #CCC;}
#conteudo #parecer a:link, a:visited, a:active {text-decoration: none; border-bottom:1px dotted #CCC;}
#conteudo #parecerCo a:link, a:visited, a:active {text-decoration: none; border-bottom:1px dotted #CCC;}
#conteudo #comite {position:relative;}
#conteudo #comite p {font-size:11px; text-align:left; line-height:15px; margin:0; padding-bottom:10px;}
#conteudo #comite span, #conteudo #programa span {color:#666666; font-size:10px;}
#conteudo #programa p {font-size:11px; text-align:left; line-height:15px; margin:0;}
#conteudo #programa th {padding: 0 10px 0 0; border-bottom:1px solid #CCC;}
#conteudo #programa td {padding: 6px 10px 6px 0; border-bottom:1px dotted #CCC;}
#conteudo #comunica, #noticias a:active {color:#6C6C00; text-decoration:none; border-bottom:1px dotted #CCC;}
#conteudo #comunica, #noticias a:link {color:#6C6C00; text-decoration:none; border-bottom:1px dotted #CCC;}
#conteudo #comunica, #noticias a:visited {color:#6C6C00; text-decoration:none; border-bottom:1px dotted #CCC;}
#conteudo #comunica, #noticias a:hover {color:#666; text-decoration:none; border-bottom:1px dotted #CCC;}
#conteudo #prazo {background-color:#FFFFFF; height:40px; margin:20px 0 20px 0;}

#divUpload {margin:20px;}
#divUpload p {color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; line-height:16px; padding-bottom:15px;}
#divUpload a:active, a:link, a:visited {color:#236685; text-decoration: none;}
#divUpload a:hover {color:#333; text-decoration: none;}
#divUpload .fechar {padding:10px 0 3px 0; margin:0; font-size:10px; line-height:normal; color:#999999;}
#divUpload .msg {font-size:10px; color:#FF6600;}

/* Noticias  */
#titnoticias {position:absolute; width:auto; height:100%; left: 745px; top: 175px; text-align:left; display:inline; margin:5px;}
#titnoticias .tit {font-size:11px;; color:#F7FCEB; font-weight:bold; text-transform:uppercase;}
#titnoticias p {font-size:11px; margin:0; padding-bottom:2px; line-height:16px;}
#titnoticias #noticias {margin:15px 0 0 0;}
#titnoticias #noticias .tit {font-size:10px;; color:#666666; font-weight:bold; text-transform:uppercase; padding:6px 0 2px 0;}
#titnoticias #alunosUFF p {font-size:11px; margin:0; padding-bottom:5px; line-height:20px;}
#titnoticias #alunosUFF span {font-size:10px; color:#999999;}

#pop{
	position: absolute; /*Define a posicao absoluta da pop-up*/
	top: 40%; /*Distancia da margem superior da pagina */
	left: 50%; /*Distancia da margem esquerda da pagina */
	padding: 20px 20px 10px 20px; 
	display: none;
	margin: -140px 0 0 -230px;
	border: 1px solid #FFFFFF;
	border-radius: 6px;
	width:auto; height:auto;
	-moz-border-radius: 6px; /* Firefox, or Gecko-based browsers */
	-webkit-border-radius: 6px; /* Safari, or Webkit-based browsers */
	background-color: #CCCBA2;
	z-index:9999;
}
#pop p {font-weight:bold; color: #FCF79A; margin:0; padding-bottom:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:normal; text-align:left;}
#pop .txt {font-weight:bold; color: #FCF79A; padding:12px 0 6px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:normal; text-align:left;}
#pop a:link {color:#FCF79A; text-decoration: none;}
#pop a:visited {color:#FCF79A; text-decoration: none;}
#pop a:active {color:#FCF79A; text-decoration: none;}
#pop a:hover {color:#FFFFFF; text-decoration: none;} 

#backPop{  
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%; 
	width:100%; 
	top:0; 
	left:0;
	background-color:#ccc;
	border:1px solid #ccc;
	z-index:1; 
	filter:alpha(opacity=70);/* for IE */
	opacity:0.7;/* CSS3 standard */
 }  

/* Forms  */
#inicio form {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; border:0; padding:0;}
#inicio form input {
	color: #666;
	border:0;
	background-color: #FFFFFF;
	padding: 0;
	font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
form {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 0; border:1px dotted #CCCCCC; padding: 20px 10px 10px 20px;}
form ol {list-style:none; margin:0; padding:0;}
form li {padding:4px; color: #6C6C00;}
form label {text-align:left; color: #666; padding:0 5px 0 0; vertical-align:top;}
form label.esq {padding:0 5px 0 15px;}
form input, textarea, select {
	color: #666;
	border:1px solid #6C6C00;
	background-color: #F7FCEB;
	border-radius: 4px;
	-moz-border-radius: 4px; /* Firefox, or Gecko-based browsers */
	-webkit-border-radius: 4px; /* Safari, or Webkit-based browsers */
	padding: 2px;
	font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
form .form100 {width:98%;}
form input:focus, textarea:focus, select:focus {
	border:1px solid #6C6C00;
	background-color: #FFF;
	color:#000;
}
.radio {
	border:none;
	background-color: #FFF;
	padding: 0;
}
#pop form {margin:0; border:none; padding:0;}

/* geral  */
.bt {color: #FCF79A; background-color: #CCCBA2; border:1px solid #FCF79A;}
.btRed {color: #FFF; background-color: #B94133; font-size:10px; padding:2px 4px 2px 4px;}
.finaliza {font-size:11px; padding-top:0; margin:0; border-bottom:1px dotted #CCCCCC;}
.semFio  {color: #6C6C00; border:none; background-color: #FFFFFF; padding:0;}
.btFundo{color: #F4EED8; background-color: #E6B504; font-size:10px; padding:0 2px 0 2px; font-weight:bold;}
.tooltip, .tooltipM {position:relative;}
.tooltip span, .tooltipM span {display:none;}
.tooltip:hover, .tooltipM:hover {}
.tooltip:hover span, .tooltipM:hover span {
	display:block;
	position:absolute;
	top:10px;
	color:#FF6600;
	left: 0;
	padding:4px;
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:200;
}
.tooltip:hover span {width:auto;}
.tooltipM:hover span {width:400px;}