/*......................................................
!	 PORTAL GINCANA DO MILENIO
!	 PROJETO: DC064 - Gincana SESI
!    ESTILOS DE APARENCIA DO SITE DA GINCANA
!	 RESPONSAVEIS: Cristiano Ritzke
!	 			   Fabricio Salume
!....................................................... */


/* ESTILOS GLOBAIS
---------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0; 
	font-size: 75%;
	line-height:150%;
	color: #554433;
/*	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif; */
	font-family: Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;
	background: #E1DECB url(../../image/user/bg_all_5.jpg) repeat-x;
}

blockquote { padding:5px 25px; }
a img { border: 0px; }
h1 { 		line-height:110%; color:#1D7CB3; font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 1.7em; }
h1 a, h1 a:link, h1 a:visited { color: #e8573d; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { 	font-family: Arial, 'Trebuchet MS', 'Lucida Grande',  Helvetica, sans-serif; font-weight: normal; color: #1D7CB3; font-size: 1.4em; font-weight: bold; margin-bottom: 0px; }
p strong { color: #554433; }

/* ESTILOS DO CONTEUDO */
#content p { margin: 10px 0px 10px 0px; color: #000000; }
.contentleft a, .contentleft a:link, .contentleft a:visited { color: #e8573d; text-decoration: none; }
.contentleft a:hover { text-decoration: underline; }
.contentRight a:link, .contentRight a:visited {  color: #e8573d; text-decoration:underline; }
.contentRight a:hover {  text-decoration: none; }
.duvida { font-size:0.9em;}
div.duvida {padding:5px; border: 1px dotted red; }
.imgRight { float: right; margin: 2px 2px 0px 5px; }

.contentDivisorAjuda1 { border-bottom: dashed 1px #3e3e26; margin-top: 10px; padding-bottom: 15px; }
.contentDivisorAjuda2 { border-bottom: dashed 1px #b5b59b; margin-top: 1px; padding-bottom: 3px; }
.contentRight ul { color: #000000; list-style: outside; padding: 15px 25px; list-style-type: square; }
.contentRight ol { color: #000000; list-style: inside; padding: 15px 25px; list-style-type: decimal; }
.contentDivisor { font-size:1px; margin-left: 3%; width:90%; clear:right; border-top: dashed 1px #c1c1b0;  border-top: dashed 1px #c1c1b0; margin-top: 10px; margin-bottom: 10px; }

/* GETBAR NO TOPO
---------------------------------------- */
#getBar {
	height: 42px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../../image/user/getbar_bg_5.gif) repeat-x;
}
#getBar div {
	width: 745px;
	margin: 0px auto;
}
#getBar .logo {
	line-height: 37px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	float: left;
}
.logo a, .logo a:link, .logo a:visited, .logo a:active {
	color: #554433;
	text-decoration: none;
}
.logo a:hover {
	color: #2c231a;
	text-decoration: underline;	
}
#getBar img {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
.outrasGets {
	line-height: 39px;
	font-size: 1.2em;
	font-weight: bold;
	float: right;
	color: #e8573d;
}
html>body .outrasGets { line-height: 40px; }
.outrasGets a, .outrasGets a:link, .outrasGets a:visited, .outrasGets a:active {
	color: #e8573d;
	text-decoration: none;
}
.outrasGets a:hover {
	color: #d13519;
	text-decoration: underline;	
}


/* CONTAINER ALINHADOR CENTRALIZADOR
---------------------------------------- */
#container {
	width: 745px;
	margin: 0px auto;
}


/* BREADCRUMB
---------------------------------------- */
#breadcrumb {
	height: 27px;
	font-weight: bold;

	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
#breadcrumb .powered { font-weight: normal; font-size: 0.9em; float: left; margin: 10px 0px 0px 8px; }
#breadcrumb .powered a, #breadcrumb .powered a:link, #breadcrumb .powered a:visited {
	color: #e8573d;
}
#breadcrumb	.breadNav { width:auto; margin: 0px; padding: 8px 0px 0px 0px;}
#breadcrumb .breadNav ul { float: right; }
#breadcrumb	.breadNav li { list-style:none; width:auto; margin:0 0 0 -2px; display:inline; padding:0 .5em ; border-left: 1px solid black; }
#breadcrumb	.breadNav li:first-child { border-left: 0px; }
#breadcrumb	.breadNav li:last-child { padding-right: 0px; }
#breadcrumb	.breadNav li#first { border-left: none; }
#breadcrumb	.breadNav li#last { padding-right: 0px; }
#breadcrumb	.breadNav li a { color: #554433; text-decoration: none; }
#breadcrumb	.breadNav li a:hover { text-decoration: underline; }
#breadcrumb	.breadNav li .cidade { font-weight: normal; }

#breadcrumb .breadNav li.logout a { color:red; } 


/* HEADER DO LOGO
---------------------------------------- */
#logoBar { height:145px; width:auto; clear:both; overflow: hidden; }
#logoBar .boxLeft { position:absolute; width:265px; float:left;  }
#logoBar .boxRight { position:absolute; margin-left:265px; width:auto; float:right;}
.meuEspaco { margin:0; *width:480px; height:25px; background: url(../../image/user/fundo_meuespaco_5.gif) no-repeat; color: #FFF; padding:4px 10px ; }
.meuEspaco a, .meuEspaco a:link, .meuEspaco a:visited { color: #FFF; font-weight: bold; text-decoration: underline; }
.meuEspaco a:hover { text-decoration: none; }
p.buttonGaleria { float:right; margin: 20px 5px 0px 0px; width:158px; height:158px; }

/* FORMATACAO DO CONTEUDO - Duas Colunas
---------------------------------------- */
#content {width:100%; height:auto; }
.contentLeft {width:265px; height: auto; float:left; }
.contentRight {margin-left:265px; width:auto; height:auto; padding: 10px 0 0 0; }


/* MENU PRINCIPAL
---------------------------------------- */
#menu { 
	color: #554433;
	font-size: 1.1em;
	font-weight: bold;
	margin: 7px 0px 0px 0;
	width: 247px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#menu li { 
	text-align: right; 
	line-height: 2em;
	list-style: none;
	margin: 0px;
	padding: 0px 13px 0px 0px;
	border-bottom: dotted 1px #a7a891;
	background-color: #e8e8df;
}
#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {
	padding: 0px 13px 0px 6px;
	color: #665533;
	text-decoration: none;
	background: #e8e8df url(../../image/user/mainnav_seta_5.gif) right 6px no-repeat;
}
#menu li a:hover { 
	color: #352515; 
	background: #e8e8df url(../../image/user/mainnav_seta_over_5.gif) right 6px no-repeat;
}


/* elementos dos Boxs da programacao */

#programacao_etapas { height:94px; }
#programacao_etapas div { float:left; margin-left:4px; _margin-left:3px; background: url(../../image/user/prog_bgBtn1_5.gif) no-repeat; }
#programacao_etapas a { padding:6px; padding-top:25px; height:80px; _height:60px; width:78px; display:block; color:#000;  text-decoration:none; }
#programacao_etapas a:hover { color: #1D7CB3; text-decoration:underline;}
#programacao_etapas a.ativo:hover { color: #FFF; text-decoration:underline;}
#programacao_etapas a.ativo { background: #1d7cb3; height:83px; _height:78px; color:#FFF; padding-top:10px; background: url(../../image/user/prog_bgBtn2_5.gif) no-repeat;}
#programacao_etapas span { font-size:0.8em; }
.prog_bgConteudo div.cont { padding:20px; background: url(../../image/user/prog_bgConteudo_5.gif) top no-repeat; }

.odm_icones { height:200px; }
.odm_icones a { height:95px; display:block; float:left; padding:10px 7px; margin:1px; }
.odm_icones a:hover { background:#FFF;  margin:0; border:1px solid #1D7CB3;}
.oContMold { position:absolute; margin-top:-90px; margin-left:10px; background: url(../../image/user/fundo_odm_5.gif); width:450px; height:330px; }
.oCont { position:absolute; font-size:11px; margin-top:-65px; margin-left: 20px; width:410px; height:290px; padding:0 10px; overflow: auto; }
.oCont img { margin-right:10px; }
.oContMold .btnFechar { position:absolute; margin-left:380px; margin-top:2px; }

/* DUAS COLUNAS FIXAS (home)
---------------------------------------- */
#duasColunas {
	margin-bottom: 10px;
}
	#duasColunas .duasColunasLeft {
		float: left;
		width: 260px;
	}
	#duasColunas .duasColunasRight {
		float: right;
		width: 195px;
		margin-left:5px;
		margin-bottom:10px;
	}


	#inscricao_home2 {
		float: right;
		margin-right:5px;
		margin-left:5px;
		margin-bottom:10px;
		background: #e8e8df url(../../image/user/banner_fundo_inscricao2_5.gif) no-repeat;
	}
	
	#inscricao_home2 a:link, #inscricao_home2 a:visited{
		font-size:11px;
		padding-left:55px;
		padding-top:2px;
		width:135px;
		height:57px;
		display:block;
		color:#FFF;
		text-decoration:none;
	}
	
	#inscricao_home2 a:hover{
		color:#FFE2BF;
	}
	
	.boxInsc {
		width:453px;
		background:#FFF;
		padding: 2px 10px !important;
		border-left: 1px solid #9BBFCC;
		border-right: 1px solid #9BBFCC;
	}

	
	.loginHome .fieldset { display: block; overflow: hidden; height: 20px; margin-bottom: 8px; }
	html>body .loginHome .fieldset { height: auto; }
	#duasColunas .buttonBar { padding: 0px 15px; text-align: right; }
	
	.loginHome {
		float: right;
		height: 150px;
		width: 189px;
		padding: 6px 0px 0px 7px;
		margin: 10px 0px 0px 0px;
		background: url(../../image/user/login_box_home2_5.gif) no-repeat; 
	}
	.loginHome h1 { 
		color: #ebebeb; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0px; padding: 0px; line-height: 18px;
	}
	.loginHome form{
		padding: 8px 0px 0px 0px;
	}
	.loginHome input { border: #a79891 solid 1px; }
	.loginHome button {
		border: 0px;
		width: 80px;
		text-align: center;
		color: #554433;
		padding: 1px 7px;
		font-weight: bold;
		/* background-color: #f1c28c; */
		background-color: #B3D4EF;
	}
	html>body .loginHome button { padding: 1px 7px; }

	.loginHome label, .loginHome input {
		display: block;
		width: 115px;
		height: 18px;
		float: left;
	}
	.loginHome label {
		text-align: right;
		color: #ebebeb;
		width: 45px;
		padding-top: 2px;
		padding-right: 13px;
		font-style: normal;
	}
	.loginHome .checkBox {
		width: 15px;
		margin: 3px 0px 0px 13px;
	}
	html>body .loginHome .checkBox { margin: 3px 0px 0px 30px; }
	.loginHome .checkboxLabel {
		width: 125px;
		text-align: left;
		margin: 3px 0px 0px 3px;
		font-size:11px !important;
	}



.lista_docApoio td { padding-left:25px; }
.lista_docApoio td.folder {background: url('../../image/user/ic_folder_93.gif') no-repeat 3px center; }

/* LOGIN BOXES
---------------------------------------- */

#loginBoxes h1 {
	font-size: 1.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#loginBoxes .fieldset { display: block; overflow: hidden; height: 20px; margin-bottom: 4px; }
.convite .buttonBar { padding: 0px 10px; text-align: center; }
.buttonBar { padding: 0px 15px; text-align: right; }

	#loginBoxes .message {
		float: left;
		width: 250px;
		padding: 0px 0px 0px 0px;
	}

	.convite {
		float: left;
		width: 195px;
		height:130px;
		padding: 5px 5px 5px 10px;
		background: url(../../image/user/login_box_convite_5.gif) no-repeat; 
	}
	#duasColunas .convite {
		float: left;
		width: 195px;
		height:130px;
		padding: 5px 5px 5px 10px;
		background: url(../../image/user/login_box_convite_5.gif) no-repeat; 
	}
	.convite form{
		margin: 0px;
		padding: 0px;
	}
	.convite h1 { color: #2979aa; margin: 0px; }
	.convite p { margin: 0px; padding: 0px; }
	.convite input {
		border: 0px;
		width: 175px !important;
		height: 23px !important;
		color: #307098;
		padding: 3px 1px;
		font-weight: bold;
		background-color: #bfe4fb;
	}
	html>body .convite input { padding: 3px 7px; }
	.convite button {
		border: 0px;
		/* width: 80px; */
		text-align: center;
		color: #307098;
		padding: 1px 7px;
		font-weight: bold;
		text-align: center;
		background-color: #bfe4fb;
	}
	html>body .convite button { padding: 1px 7px; }

	.login {
		float: right;
		height: 130px;
		width: 195px;
		padding: 5px 5px 5px 10px;
		background: url(../../image/user/login_box_aluno2_5.gif) no-repeat; 
	}
	.login h1 { color: #ebebeb; }
	.login form{
		margin: 0px 0px 0px 0px;
		padding: 12px 0px 0px 0px;
	}
	.login input { border: #a79891 solid 1px; }
	.login button {
		border: 0px;
		width: 80px;
		text-align: center;
		color: #554433;
		padding: 1px 7px;
		font-weight: bold;
		background-color: #f1c28c;
	}
	html>body .login button { padding: 1px 7px; }

	.login label, #loginBoxes input {
		display: block;
		width: 125px;
		height: 18px;
		float: left;

	}
	.login label {
		text-align: right;
		color: #ebebeb;
		width: 45px;
		padding-top: 2px;
		padding-right: 17px;
		font-style: normal;

	}

	.login .checkBox {
		width: 15px !important;
		margin: 5px 0px 0px 22px;

	}
	html>body .login .checkBox { margin: 5px 0px 0px 45px; }
	.login .checkboxLabel {
		width: 122px;
		text-align: left;
		padding: 0px;
		margin: 5px 0px 0px 5px;
		font-size:11px !important;
	}

	html>body .login label { padding-right: 13px; }
	.login br {
		clear: left;
	}
	
	#loginBoxes .links {
		float: left;
		width: 120px;
	}
	#loginBoxes .links a, #loginBoxes .links a:link, #loginBoxes .links a:visited {
		color: #ebebeb;
		text-decoration: none;
	}
	#loginBoxes .links a:hover {
		text-decoration: underline;
	}
	
	
/* BOX DE CONTEUDO 
   (para noticias, formularios, etc...)
---------------------------------------- */
#bigBox { height: auto; width: 432px; margin: 5px 0px; }
#bigBox .top { background: url(../../image/user/box_grande_top_5.gif); height: 15px; width: 475px; font-size: 0.1em; }
html>body #bigBox .top { height: 15px; width: 475px; }
#bigBox .bottom { background: url(../../image/user/box_grande_bottom_5.gif); height: 15px; width: 475px; font-size: 0.1em; }
html>body #bigBox .bottom { height: 15px; width: 475px; }
#bigBox .middle { background: #e8e8df; padding: 0px 8px; width: 459px; overflow: hidden; }
html>body #bigBox .middle { width: 459px; }
#bigBox p { margin: 0px; }
#bigBox h2 { margin: 0px 0px 5px 0px; }
#bigBox .boxDivisor { border-top: dashed 1px #c1c1b0; margin-top: 12px; padding-bottom: 12px; }
#bigBox .buttonBar {
	width: auto;
	padding: 0px 0px 0px 120px;
	margin: 15px 0px 3px 0px;
	overflow: hidden;
}
html>body #bigBox .buttonBar { padding: 0px 0px 0px 113px; }


	/* NOTICIAS DENTRO DO BOX */
	#bigBox .noticiaData { padding: 0px 0px 2px 0px; }
	#bigBox .noticiaTitulo, #bigBox .noticiaTitulo a, #bigBox .noticiaTitulo a:link, #bigBox .noticiaTitulo a:visited 
		{ color: #e8573d; font-weight: bold; text-transform: uppercase; padding: 0px 0px 2px 0px; text-decoration: none; }
	#bigBox .noticiaTitulo a:hover { text-decoration: underline; }
	#bigBox .noticiaTexto { padding: 0px 0px 2px 0px; }
	#bigBox .linkLeiaMais a, #bigBox .linkLeiaMais a:link, #bigBox .linkLeiaMais a:visited
		{ color: #e8573d; font-weight: bold; text-decoration: none; }
	#bigBox .linkLeiaMais a:hover
		{ text-decoration: underline; }


.parcLogo {
	width:125px;
	height:125px;
	background: url(../../image/user/bg_parceirosLogo_5.gif) no-repeat;
	float:left;
	margin-right:10px;
}

.parcTexto {
	height:auto;
	min-height:125px;
}

/* ESTILOS PARA TEXTOS DE NOTICIAS
---------------------------------------- */
.boxNoticia { padding-bottom:15px;}
.boxNoticia p, .boxNoticia div, .boxNoticia a { margin: 0px; padding: 0px; border: 0px; }
.boxNoticia p { padding: 0px !important; margin: 0px 0px 0px 0px !important; }
.noticiaData { padding: 0px 0px 2px 0px; }
.noticiaTitulo, .noticiaTitulo a, .noticiaTitulo a:link, .noticiaTitulo a:visited 
	{ color: #e8573d; font-weight: bold; padding: 0px 0px 2px 0px; text-decoration: none; }
.noticiaTitulo a:hover { text-decoration: underline; }
.noticiaTexto { padding: 0px 0px 2px 0px; }
.linkLeiaMais a, .linkLeiaMais a:link, .linkLeiaMais a:visited
	{ color: #e8573d; font-weight: bold; text-decoration: none; }
.linkLeiaMais a:hover
	{ text-decoration: underline; }

.smallBox { height: auto; width: 192px; margin: 10px 0px 0px 0px; }
.smallBox .top { height: 30px; width: 192px; background: url(../../image/user/box_pqno_top_5.gif) no-repeat; }
.smallBox .middle { background-color: #e8e8df; padding: 3px 10px; }
.smallBox .bottom { height: 10px; width: 192px; background: url(../../image/user/box_pqno_bottom_5.gif) no-repeat; }
.smallBox span { font-weight: normal !important; color: #775533; }
.smallBox .contentDivisor { margin-top: 8px; padding-bottom: 8px; }
.smallBox .linkLeiaMais { margin: 8px 0px 0px 0px; padding: 0px; }


/* ESTILO DEFAULT PARA TABELAS
---------------------------------------- */
table { border: 0px; margin: 0px; width: 99%; }
table thead { color: #775533; font-weight: bold; }
table thead th { padding: 0px 2px 3px 2px; border-bottom: solid 1px #a6a699; }
table thead tr th a { text-decoration: none; color: #554433;}
table tbody td { padding: 4px 2px; border-bottom: dashed 1px #c1c1b0; }

#listaEscolas { background: #E8E8DF; padding:10px; width:455px }
#listaEscolas #listItem thead { display:none; }
#listaEscolas #listItem { border:1px solid #CCC; margin-top:10px; }
#listaEscolas #listItem .odd { background: #EFEFEF; }
#listaEscolas #listItem td { border:none; }
/* FORMULARIOS EM GERAL
---------------------------------------- */
button {
	margin: 0px;
	padding: 0px;
	background: none;
	border: 0px;
	width: auto;
	text-align: left;
}


/* FORMULARIOS DO PORTAL
---------------------------------------- */
#formConvite form { margin: 10px 0px 0px 0px; padding: 0px 10px; overflow: hidden; }
#formConvite .fieldset { display: block; overflow: hidden; }
#formConvite label {
	float: left;
	color: #333333;
	font-weight: bold;
	width: 115px;
	margin: 4px 0px;
	padding: 2px 0px 0px 0px;
}
#formConvite input{
	height: 18px;
	width: 205px;
	margin: 4px 0px;
	padding: 2px 0px 0px 2px;
	color: #554433;
	background-color: #f4f4ef;
	border: 1px solid #775533; 
}
#formConvite input.disabled{
	height: 18px;
	width: 205px;
	margin: 4px 0px;
	padding: 2px 0px 0px 2px;
	color: #999999;
	background-color: #f4f4ef;
	border: 1px solid #bea68d; 
}
#formConvite select{
	height: 18px;
	width: 205px;
	margin: 4px 0px;
	padding: 2px 0px 0px 2px;
	color: #000000;
	background-color: #f4f4ef;
	border: 1px solid #775533; 
}
#formConvite select.disabled{
	height: 18px;
	width: 205px;
	margin: 4px 0px;
	padding: 2px 0px 0px 2px;
	color: #999999;
	background-color: #f4f4ef;
	border: 1px solid #bea68d; 
}
#formConvite button {
	text-align: left;
	width: auto;
	margin: 0px;
	padding: 0px;
	background: none;
	border: 0px;
}
#formConvite .solicConvite {
}

.bannerSapiensChannel {
	margin: 5px 0 0 0;
}

.footer {
	margin: 20px 0px 0px 0px;
}
.footer .links {
	color: #000000;
	text-align: center;
}
.footer .links a, .footer .links a:link, .footer .links a:visited {
	color: #000000;
	text-decoration: none;
}
.footer .links a:hover {
	text-decoration: underline;
}
.footer .copyright {
	color: #000000;
	text-align: center;
}


/* GALERIA DE FOTOS
---------------------------------------- */
.boxGaleria {
	overflow: hidden;
}
.boxFoto {
	width: 303px;
	height: auto;
	float: left;
	overflow: hidden;
}
.boxFoto img {
	border: 1px solid #0d0d0d;
}

.boxThumbs {
	width: 100%;
	height: 180px;
	/* float: right; */
	padding-top:20px;
	clear:both;
	overflow-x:hidden;
	overflow-y:scroll;
}
.boxThumbs img {
	margin: 0px 0px 6px 0px;
	border: 1px solid #0d0d0d;
}
.fotoDescricao {
	/* width: 303px; */
	float:right;
	width:140px;
	padding: 5px;
}
.fotoDescricao span {
	color: #554433;
	font-weight: bold;
}


/* tabela do cronogama*/



#mytable {
	padding: 0;
	margin: 0;
}

#mytable a {
	background:#f4d6b4;
	padding:0;
	height:35px;
	display:block;
	float:left;
}

#mytable a:hover {
	background:#f2cb9f;
}

#mytable th {
	border-right: 1px solid #f4d6b4;
	border-bottom: 1px solid #f4d6b4;
	border-top: 1px solid #f4d6b4;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f4d6b4 url(../../image/user/myTable_header_173.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #f4d6b4;
	background: none;
}

#mytable td {
	border-right: 1px solid #f4d6b4;
	border-bottom: 1px solid #f4d6b4;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font-size:11px;
	line-height:1.1em;
}


#mytable td.alt {
	background: #F5FAFA;
}

#mytable th.spec {
	border-left: 1px solid #f4d6b4;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font-weight:normal;
}

#mytable th.specalt {
	border-left: 1px solid #f4d6b4;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font-weight:normal;
}

#mytable p.aguarde {
	font-style:italic;
	color:#999;
	text-align:center;
	}