﻿
/* ------------- "Estilos genéricos */
html {	
	background: url(../images/linhaHead.jpg) repeat-x;			
}
	
body {	
	margin: 0;
	padding: 0;	
	font-family:Arial;
	font-size: 100.1%;
	background: url(../images/fundoHead.jpg) no-repeat;	
	background-position:right;	
	height: 96px;
	color:#000;		
}
a {
	text-decoration: none;
	color: #282a89;
}

a:hover {
	text-decoration:  underline;
}

h1 {
	text-indent: -999em;
	margin-top: 0;
}

h2 {
	font-size: 1.3em;
	color: #131313;
	text-align: center;
	width: 162px;
	padding-bottom: 10px;	
	background: url(../images/smile.png) no-repeat left bottom;
}

h3 
{
	padding:0 0 0 100px;
	color: #000000;
	font-size: 1.1em;
	text-decoration:underline;
}

h4 {	
	margin: 0 10% 4px 10%;
	color: #282a89;     
    font-weight:bold;
}

h5 
{
	font-size: 0.9em;
	color: #282a89;	
	font-weight:bold;
}

p {
	color:#000;
}

ul {
	list-style: none;
}

td 
{	
	vertical-align:top; 
    padding-left: 10px;
}


/* ------------- Estilos do masthead  */
#masthead {
	padding-top: 1px;
	height:107px;
}

h1#logo {
	background: url(../images/logo.jpg) no-repeat left;		
	width: 182px;
	height: 72px;	
}

h1#logo a {
	width: 182px;
	height: 72px;
	display: block;
	overflow: hidden;
}

/* ------------- Estilos do content */

#outer_wrapper {
	background: url(../images/cantoInfDir.png) no-repeat right bottom;
}
#wrapper {
	background: url(../images/cantoInfEsq.png) no-repeat left bottom;
    
}

#container {
	width: 100%;
	float: left;
	margin-right: -50px;
	background: url(../images/linhaNavLeft.jpg) repeat-y;		
}
#content 
{	 
	margin-right: 50px;	
}
#main 
{
	margin-left: 208px;			
	padding:31px 0 181px 15px;
}

.videoPalestra
{
	width:100%;
	margin:0 auto; 
	text-align:center;
}

div.cadastro
{
	background-color:#f8f8fa;
	border:solid 1px #e5e5e5; 
	padding:10px;
	font-size:14px;
	color:#000000;
}

div.confirmacao
{
	background-color:#fafafb;
	border:solid 1px #ceced2; 
	padding:10px;
	font-size:14px;
	color:#000000;
}

.ajax__calendar_container td
{
	padding:0px;		
}

	/* --- Estilos do Span */

span.cinzaBold
{
	color:#766b6b;
	font-weight:bold;
	font-size: 0.9em;
}

span.pesquisa
{
	width: 7em;
  	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;	
	color:#766b6b;
	font-weight:bold;
	font-size: 0.9em;
}

span.curso
{
	width: 9em;
	text-align: left;
	margin-right: 0.5em;
	padding-left: 57Px;	
	font-weight:bold;
	font-size: 16px;
	text-decoration:underline;
}

span.auth
{
	width: 5em;
  	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;	
	color:#766b6b;
	font-weight:bold;
	font-size: 0.9em;
}
span.blog
{	
	color:#666;    
    background-repeat:no-repeat;
    padding: 22px 0 25px 71px;
    font-weight:bold; 
    margin-bottom: 20px 
}

span.dscEquipe
{
	color: #696161;	
	font-size:0.8em;
	text-transform:none;
	text-align:justify;
}

	/* --- Estilos do P */
p.download 
{
	font-size:small;
	text-align:right;
	font-weight:bold;
	color: #282a89;		
}

p.inscricao 
{
    padding: 20px;	
	font-size:18px;
	font-weight:bold;
	color: #ffc420;	
	text-align:center;	
}

p.inscricao a
{
	padding: 10px;	
	font-size:25px;
	font-weight:bold;
	color: #f2ba1f;
	text-align:center;
}
p.autores
{
	text-align:right;
	font-weight:bold;
}
p.destaqueHome {
	color: #888787;
	font-size: 1.12em;  
}

p.dsc {
	padding: 0 0 0 25px;
	font-size:1em;
	color: #696161;
}

p.principal {
	padding: 0 0 0 25px;
	font-size:1em;
	color: #000000;
	text-align:justify;
}
p.dsc2 {
	margin: 0 12% 31px 12%;
	text-align:justify;
}

p.dscRecuado 
{    
    margin: 20px 0 0 25px; 
	padding: 0 0 50px 230px;
	font-size:1em;
	color: #696161;	
	background-repeat:no-repeat;
	text-align:justify;	
}

p.Livros 
{    
    margin: 20px 0 0 25px; 
	padding: 0 0 0 230px;
	font-size:1em;
	color: #696161;	
	background-repeat:no-repeat;
	text-align:justify;	
}
.BoxEquipe 
{  	
	font-size:1em;
	color: #282a89;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-weight:bold;	
	text-align:left;	
}

p.BoxServico 
{  	
	padding-left:25px;	
	font-size:1em;
	color: #282a89;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-weight:bold;	
}
p.subTitle 
{
	margin: 31px 80px 31px 80px;
	font-weight:bold;
}

p.conteudo
{	
	margin: 0 80px 15px 100px;
	text-align:justify;
}

p.titleNews
{
	width:70%;
	min-width:70%;
	color:#797979;	
	border-bottom: solid 3px #797979;
	font-weight:bold;
	margin-left: 60px;
	font-size: 1.1em;
}

/* ---  */

.lnkPaginacaoAtual
{
 font-weight: bold;
 font-size: 1.2em;
 color:#1b1d67;
}

ul.autores
{
	font-weight: bold;
	font-size: 12px;
	padding: 10px 10% 31px 60%;
}

ul.menu
{	
	color:#666;
	word-spacing: 1.8em;
}

li.liMaster
{
	list-style-type:disc;
}

li.liSub
{
	list-style-type:circle;
}
.negrito 
{
	color: #696161;
    font-weight:bold;    
}

.cinzaBold
{
	color:#766b6b;
	font-weight:bold;
}	

h4.title {	
    font-size: 1.2em;
}

h4.titleGrande {	
    font-size: 1.5em;
}

h5.source
{	
	margin-left: 81px;	
}

	/* --- Estilos do TD */	

td.caseDsc
{
	width: 420px; 
	vertical-align:top;    
}

td.caseDsc li
{
  padding-left: 20px;
  font-size:0.9em;
  font-weight:bold;
}

td.equipe
{
	width: 230px;        
}
td.equipe li
{
  margin-left: -15px;   
  font-size:0.8em;
}

td.equipe a
{
	font-size:0.9em;
	color:#766b6b;
}

td.titleBlog
{
	background-image: url(../images/fundoTitleBlog.jpg);
	background-repeat: repeat-x;	
	width:810px;
	height:26px;
	color:#fff;
	font-weight:bold;
	font-size:0.85em;
	padding: 5px 0 0 5px;	
	border-top:solid 1px #b3b6bc;
	border-right:solid 1px #b3b6bc;
	border-left:solid 1px #b3b6bc;
}

td.autorBlog
{
	background-image: url(../images/fundoAutorBlog.jpg);
	background-repeat:repeat-x;	
	width:180px;
	font-size:0.81em;
	text-align:center;	
	padding-top:15px;
	border-right:solid 1px #b3b6bc;
	border-left:solid 1px #b3b6bc;
	border-bottom:solid 1px #b3b6bc
}

td.mainBlog
{	
	width:630px;
	background: #fff;
	font-size:0.81em;
	border-right:solid 1px #b3b6bc;	
	border-bottom:solid 1px #b3b6bc;
	padding: 10px;
	
}

/* ---  */

div#foto
{
	width:104px;
	border: solid 5px #B3B6BD;	
	padding:4px;
    margin: 0px;
}

#left 
{
	margin-top:0px;
	padding:50px 2px 181px 0;
	width: 226px;
	float: left;		
}

#left a
{
	color:#666666;
    font-weight:bold;
    font-size:12px;
}

#sidebar {
	width: 20px;
	float: right;
}

#footer {
	padding: 1.2em  0 1.2em 0;
	background: url(../images/linhaFooter.jpg) repeat-x top;
	text-align:center;	
}
ul.menu
{	
	color:#666;
	word-spacing: 1.8em;	
}
li.horizontal
{
	font-weight: bold;
	font-size: 14px;	
	display:inline;
}
li.horizontal a
{
	color:#766b6b;
}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}


/* ------------- Estilos dos Boxes */
/* -- NuvemTop */
.liquid-round 
{
	width:75%;
	margin:0px auto; 
	background:#fff url(../images/Box/NuvemTop/leftside.gif) repeat-y left top;
} 

.liquid-roundCurso
{
	width:75%;
	margin:51px; 
	background:#fff url(../images/Box/NuvemTop/leftside.gif) repeat-y left top;
} 

.topPesquisa
{
	width:100%; 
	height:33px; 
	background:url(../images/Box/NuvemTop/topPesquisa.gif) no-repeat left top;  
	min-width:100%;
} 
.topPesquisa span { 
	display:block; 
	position:relative; 
	height:60px; 
	background:url(../images/Box/NuvemTop/topPesquisa-right.gif) no-repeat right top;
	min-width:100%; 
} 

.top 
{
	width:100%; 
	height:60px; 
	background:url(../images/Box/NuvemTop/top.gif) no-repeat left top;  
	min-width:100%;
} 
.top span { 
	display:block; 
	position:relative; 
	height:60px; 
	background:url(../images/Box/NuvemTop/top-right.gif) no-repeat right top;
	min-width:100%; 
} 
span.titleCharla { 
	display:block; 
	position:relative; 
	height:60px; 
	background:url(../images/Box/NuvemTop/top-right.gif) no-repeat right top;
	min-width:100%; 
	color: #282a89;
	font-size: 1.2em;
    font-weight:bold;
    padding-top:31px;   
} 

div.title
{
	background: url(../images/Box/NuvemTop/tracejado.jpg) repeat-x left bottom;
	margin: -25px 0 0 50px;
	padding-bottom: 10px;
	color: #282a89; 
    font-size: 18px;
    font-family:Arial;
    font-weight:bold;
}

div.Rodape
{
	margin: -25px 0 0 50px;
	padding-bottom: 10px;
	color: #282a89; 
    font-size: 18px;
    font-family:Arial;
    font-weight:bold;
}

.center-content { 
	position:relative; 
	background:url(../images/box/NuvemTop/rightside.gif) repeat-y right top; 
	padding:1px 20px 1px 25px; 
	margin: -1px 0 -10px 0; 
} 
.bottom { 
	height:20px; 
	background:url(../images/box/NuvemTop/bottom.gif) no-repeat left bottom; 
	min-width:100%;
} 
.bottom span { 
	display:block; 
	position:relative; 
	height:20px; 
	background:url(../images/box/NuvemTop/bottom-right.gif) no-repeat right top;
	min-width:100%; 
} 

/* -- Gradiente */

div.boxBottomGradient {
	background: url(../images/box/gradiente/boxBottomGradient.jpg) no-repeat left bottom;
}

div.boxBottomGradientDividido {
	background: url(../images/box/gradiente/boxBottomGradientDividido.jpg) no-repeat left bottom;
}

div.boxTopGradient {
	background: url(../images/box/gradiente/boxTopGradient.jpg) no-repeat left top;
	height: 13px;
	min-width:100%; 		
}

div.boxTopGradientBlog {
	background: url(../images/box/gradiente/boxTopGradientBlog.jpg) no-repeat left top;		
	min-width:100%; 		
	height: 13px;
}
div.boxTopGradientServico {
	background: url(../images/box/gradiente/boxTopGradientServico.jpg) no-repeat left top;
	height: 13px;
	min-width:100%; 		
}
div.boxTopGradientServico2 {
	background: url(../images/box/gradiente/boxTopGradientServico2.jpg) no-repeat left top;
	height: 13px;
	min-width:100%; 		
}

/* -- Vazado */

.boxWraperVazado
{
	width: 640px;		
	background: url(../images/box/fundoVazado.jpg) no-repeat left bottom ;
	padding-bottom:10px;	
}

.boxTopVazado {
	background: url(../images/box/fundoVazadoTop.jpg) no-repeat left top;
	height: 15px;
	min-width:100%; 		
}
.collapsePanel
{
	height:0px;
	overflow:hidden;
}

/* -- NuvemTopAuth */
.liquid-roundAuth 
{	
	width:auto;
	background:#fff url(../images/Box/VazadoAdmin/leftside.gif) repeat-y left top;
} 
.topAuth 
{	
	height:20px; 
	background:url(../images/Box/VazadoAdmin/top.gif) no-repeat left top;  	
} 
.topAuth span { 
	display:block; 
	position:relative; 
	height:20px; 
	background:url(../images/Box/VazadoAdmin/top-right.gif) no-repeat right top;	
} 
.center-contentAuth { 
	position:relative; 
	background:url(../images/box/VazadoAdmin/rightside.gif) repeat-y right top; 
	padding:1px 20px 1px 25px; 
	margin: -1px 0 -10px 0; 
} 
.center-contentAuth b{ 
	color:#766B6B;
}

.bottomAuth { 
	height:20px; 
	background:url(../images/box/VazadoAdmin/bottom.gif) no-repeat left bottom; 	
} 
.bottomAuth span { 
	display:block; 
	position:relative; 
	height:20px; 
	background:url(../images/box/VazadoAdmin/bottom-right.gif) no-repeat right top;	
} 



/* ------------- Estilos do Gridview */

.GridViewStyle
{   
	border:solid 1px #e7e7e7;
    padding: 4px;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom:solid 1px #999999;
}

.GridViewHeaderStyle
{
    background-color: #eae9e9;
    font-weight: bold;
    color:#2b2d8b;
    font-size:12px;
    height:31px;   
}

.GridViewFooterStyle
{
    background-color: #eae9e9;
    font-weight: bold;
    color:Green;
    font-size:12px;
    height:31px;    
}

.GridViewRowStyle
{
    background-color: #ffffff;
    color: #3943ac;
    height:41px;
    font-size:12px;
}

.GridViewAlternatingRowStyle 
{
    background-color: #F3F3F3;
    color: #3943ac;
    height:41px;
    font-size:12px;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #e7e7e7;
    padding-top:20px;
    padding-right:10px;
}

.GridViewSelectedRowStyle
{
    background-color: #d7d7d7;
    font-weight: bold;
    color: #333333;
    font-size:12px;  
}

.GridViewSelectedRowStyle td
{
	padding-top:20px;
    padding-right:10px;
}

.GridViewPagerStyle
{
    background-color: #eae9e9;    
}
.GridViewPagerStyle td
{
	color:#000000;	
	font-weight:bold;
	font-size:12px;
}
.GridViewPagerStyle a
{
	color:#555555;
	font-size:11px;	
}
.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

