@CHARSET "ISO-8859-1";

html {
	scrollbar-width: 5px;
	scrollbar-face-color: #EEEEEE; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-darkshadow-color: #AAAAAA; 
	scrollbar-arrow-color: #333333; 
	scrollbar-shadow-color: BBBBBB; 
	scrollbar-track-color: #F3F3F3;
}

a:link { text-decoration: none; color: none; }
a:visited { text-decoration: none; color: none; }
a:active { text-decoration: none; color: none; }
a:hover { text-decoration: none; color: none; }

input, textarea {
	font-size: 12px; 
	font-family: "Trebuchet MS";
	color: #666666;
	font-weight: normal;
}

table.dadosEmail {
	margin-left: 12px;
	font-size: 13px; 
	font-family: "Trebuchet MS";
	color: #666666;
	font-weight: bold;
}

span.dadosEmail {
	margin-left: 12px;
	font-size: 13px; 
	font-family: "Trebuchet MS";
	color: #666666;
	font-weight: bold;
}

table.dadosEmail input {
	height: 13px;
	line-height: 13px;
}

img {
	border: none;
	border-width: 0px;
}

body {
	margin: 0px;
}

.menuSecao {
	font: normal 14px "Trebuchet MS";
	color: #FFFFFF;
}

#wrapperTeatroCiee, #wrapperCentroEventos, #wrapperEspacoCiee {
	text-align: left;
	height: auto;
	position: relative;	/* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1000px;		/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;		/* the auto margins (in conjunction with a width) center the page */
	background-repeat: repeat-x;
}

#wrapperTeatroCiee {
	background-image: url("../img/backgroundVermelhoClaro.jpg");
	background-color: #CA3539;
	background-repeat: repeat-x;
}

#wrapperCentroEventos {
	background-image: url("../img/backgroundVerdeClaro.jpg");
	background-color: #248A39;
	background-repeat: repeat-x;
}

#wrapperEspacoCiee {
	background-image: url("../img/backgroundAzulClaro.jpg");
	background-color: #1181BC;
	background-repeat: repeat-x;
}

#header {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	height: 209px;
	background: #FFFFFF;
}

#esquerda {
	float: left;
	width: 240px;
	height: 209px;
	background-image: url("../img/headerLeft.png");
	background-repeat: no-repeat;
}

#imgCiee {
	padding-top: 10px;
	padding-left: 95px;
}

#imgTeatroCiee {
	float: left;
	padding-top: 28px;
	padding-left: 45px;
}

#imgCentroEventos {
	float: left;
	padding-top: 26px;
	padding-left: 40px;
}

#imgEspacoCiee {
	float: left;
	padding-top: 27px;
	padding-left: 40px;
}

#imgRedesSociais {
	float: left;
	padding-top: 13px;
	padding-left: 13px;
}

#logoTeatroCiee, #logoCentroEventos, #logoEspacoCiee {
	float: left;
	top: 0px;
	width: 610px;
	height: 209px;
	background-repeat: no-repeat;
}

#logoTeatroCiee {
	background-image: url("../img/headerTeatroCiee.png");

}

#logoCentroEventos {
	background-image: url("../img/headerCentroEventos.png");
}

#logoEspacoCiee {
	background-image: url("../img/headerEspacoCiee.png");
}
 
#direita {
	float: left;
	width: 150px;
	height: 209px;
	background-image: url("../img/headerRight.png");
	background-repeat: no-repeat;
}

#casca {
	text-align: center;
	width: 100%;
	height: 100%;
}

#data {
	width: 620px;
	margin-left: 235px;  
}

.bigBox { width: 620px; }
.bigBoxContent { background: url("../img/listras.png") center right no-repeat; background-color: white; width: 596px; min-height: 400px; height: auto !important; height: 400px; overflow: show; padding-bottom: 30px;}
.bigBoxBanner { background-color: white; position: relative; width: 596px; min-height: 82px; height: auto !important; height: 82px; padding-top: 10px; }
.bigBoxTop { background: url("../img/topBig.png") top left no-repeat; height: 12px; overflow: hidden; }
.bigBoxMiddle { background: url("../img/middleBig.png") repeat-y; padding: 0px 12px 0px 12px; }
.bigBoxBottom { background: url("../img/bottomBig.png") top left no-repeat; height: 12px; overflow: hidden; }
.bigBoxRodape, .bigBoxVoltar, .bigBoxEnviar {
	position: absolute;
	height: 20px;
	left: 6px;
	width: 584px;
}
.bigBoxRodape { text-align: right; font: normal 10px "Trebuchet MS"; color: #777777; bottom: 0px; }
.bigBoxVoltar { text-align: left; font: bold 13px "Trebuchet MS"; color: #333333; padding-bottom: 10px; padding-left: 20px; bottom: 0px auto; }
.bigBoxEnviar { text-align: center; font: bold 13px "Trebuchet MS"; color: #333333; padding-bottom: 10px; bottom: 0px auto; }
  
.boxContent { width: 130px; min-height: 85px; height: auto !important; height: 85px; } /* antes o min-height e o height eram 97px */
.boxTop { background: url("../img/top.png") top left no-repeat; position: relative; height: 12px; overflow: hidden; }
.boxMiddle { background: url("../img/middle.png") repeat-y; position: relative; padding: 0px 12px 0px 12px; text-align: center; }
.boxBottom { background: url("../img/bottom.png") top left no-repeat; position: relative; height: 12px; overflow: hidden; }

.detalheContent { width: 295px; min-height: 115px; height: auto !important; height: 115px; } /* antes o min-height e o height eram 196px */
.detalheTop { background: url("../img/topDetalhe.png") top left no-repeat; position: relative; height: 12px; overflow: hidden; }
.detalheMiddle { background: url("../img/middleDetalhe.png") repeat-y; position: relative; padding: 0px 12px 0px 12px; text-align: center; }
.detalheBottom { background: url("../img/bottomDetalhe.png") top left no-repeat; position: relative; height: 12px; overflow: hidden; }

#boxFlutuante, #boxFlutuanteBanner {
	width: 187px;
	position: absolute;
	left: 685px;
}

#boxFlutuante {
	top: 320px;
}

#boxFlutuanteBanner {
	top: 395px;
}

.boxFlutuanteNotes { font: normal 10px "Trebuchet MS"; color: #777777; }
  
#boxFlutuanteTop { background: url("../img/topBoxFlutuante.png") top left no-repeat; position: relative; height: 48px; overflow: hidden; }
#boxFlutuanteTitulo { height: 25px; padding: 16px 20px 0px 20px; font: bold 15px "Trebuchet MS"; color: #333333; }
#boxFlutuanteMiddle { background: url("../img/middleBoxFlutuante.png") repeat-y; position: relative; }
#boxFlutuanteContent { width: 163px; padding: 0px 12px 0px 12px; }
#boxFlutuanteBottom { background: url("../img/bottomBoxFlutuante.png") top left no-repeat; position: static; height: 48px; overflow: hidden; }
#boxFlutuanteBottomSimple { background: url("../img/bottomBoxFlutuanteSimple.png") top left no-repeat; position: relative; height: 21px; overflow: hidden; }
#boxFlutuanteRodape { height: 25px; padding: 12px 20px 0px 20px; }
.boxFlutuanteTextoRodape { font: bold 10px "Trebuchet MS"; color:#333333; line-height: 12px; }

#boxFlutuanteCe, #boxFlutuanteBannerCe {
	width: 187px;
	position: absolute;
	left: 77px;
}

#boxFlutuanteCe {
	top: 320px;
}

#boxFlutuanteBannerCe {
	top: 395px;
}

.boxFlutuanteNotesCe { font: normal 10px "Trebuchet MS"; color: #777777; }
  
#boxFlutuanteTopCe { background: url("../img/topBoxFlutuanteCe.png") top left no-repeat; position: relative; height: 68px; overflow: hidden; }
#boxFlutuanteTituloCe { height: 725px; padding: 16px 20px 0px 20px; font: bold 15px "Trebuchet MS"; color: #333333; }
#boxFlutuanteMiddleCe { background: url("../img/middleBoxFlutuante.png") repeat-y; position: relative; }
#boxFlutuanteContentCe { width: 163px; padding: 0px 12px 0px 12px; }
#boxFlutuanteBottomCe { background: url("../img/bottomBoxFlutuante.png") top left no-repeat; position: static; height: 48px; overflow: hidden; }
#boxFlutuanteBottomSimpleCe { background: url("../img/bottomBoxFlutuanteSimple.png") top left no-repeat; position: relative; height: 21px; overflow: hidden; }
#boxFlutuanteRodapeCe { height: 25px; padding: 12px 20px 0px 20px; }
.boxFlutuanteTextoRodapeCe { font: bold 10px "Trebuchet MS"; color:#333333; line-height: 12px; }

.miniatura { padding-top: 10px; padding-bottom: 0px; display: block; cursor: pointer; }
  
.evento {width: 420px; margin-left: 13px; height: auto; overflow: hidden; padding-top: 10px; }
.eventoImagem {width: 154px; float: left; }
.eventoTexto {width: 250px; margin-left: 12px; float: left; padding-top: 2px; }
.eventoNome{font: bold 20px "Trebuchet MS"; line-height: 21px; }
.eventoComplemento{font: bold 12px "Trebuchet MS"; color: #777777; line-height: 15px; }
.eventoSaibaMais{font: bold 11px "Trebuchet MS"; color: #333333; vertical-align: text-top; }

.detalhe {width: 319px; margin-left: 13px; height:auto; overflow: hidden; margin-top: 10px; }
.detalheImagem { width: 319px; float: none; }
.detalheTexto { margin-top: 12px; margin-left: 12px; margin-right: 12px; padding-bottom: 12px; padding-top: 2px; }
.detalheNome { font: bold 20px "Trebuchet MS"; margin: 12px; line-height: 21px; }
.detalheDatas { font: bold 16px "Trebuchet MS"; margin: -8px 12px 8px 12px; color: #990000; line-height: 18px; }
.detalheComplemento { font: bold 13px "Trebuchet MS"; color: #777777; line-height: 16px; }
.detalheLegenda { font: bold 11px "Trebuchet MS"; margin-left: 12px; float: nome; }
.detalheCreditos { font: bold 9px "Trebuchet MS"; color: #CCCCCC; margin-left: 12px; float: none; line-height: 9px; }

.tituloPagina { padding-left: 25px; padding-top: 23px;  }

.rodape {
	margin-top: 50px;
	background-color: #FFFFFF;
	width: 1000px;
	height: 90px;
}

.mapa {
	background: url("../img/mapa.png") top left no-repeat;
	height: 103px;
	width: 155px;
	position: relative;
	top: -17px;
	left: 470px;
	bottom: 25px;
	float: left;
	overflow: hidden;
}

.rodapeEsquerdo {
	text-align: right;
	height: 80px;
	width: 140px;
	position: relative;
	top: 10px;
	left: 165px;
	bottom: 23px;
	float: left;
}

.rodapeDireito {
	text-align: left;
	height: 80px;
	width: 140px;
	position: relative;
	top: 10px;
	left: 340px;
	bottom: 23px;
	overflow: hidden;
}

.tituloRodape {
	font: normal 14px "Trebuchet MS";
	font-weight: bold;
	color: #333333;
}

.textoRodape {
	font: normal 12px "Trebuchet MS";
	font-weight: bold;
	color: #333333;
}

.direitosReservados {
	position: relative;
	width: 620px;
	height: 20px;
	text-align: center;
	margin-left: 240px;
	margin-top: 2px;
	font: bold 11px "Trebuchet MS";
	color: #FFFFFF;
}

ul.programacao {
	list-style-image: url("../img/bullet.png");
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 0px;
	padding-top: 0px;
	marker-offset: 0px;
}

ul.programacao a {
	color: #006699;
}

ul.programacao li {
	font: bold 13px "Trebuchet MS";
	color: #006699;
	padding-top: 3px;
}

li.disabled {
	list-style-image: url("../img/bulletGray.png");
}

ul.programacao span {
	font: bold 10px "Trebuchet MS";
	color: #666666;
}

.fonteBoxFlutuante {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	font: normal 10px "Trebuchet MS";
	color: #999999;
}

/*.fonteAzulBoxFlutuante {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	font: bold 13px "Trebuchet MS";
	color: #006699;
}*/

.fontePretaBoxFlutuante {
	font: bold 11px "Trebuchet MS";
	color: #333333;
	padding-top: 5px;
}

.fonteSubtitulo {
	font: normal 17px "Trebuchet MS";
	color: #666666;
	margin: 12px;
	line-height: 20px;
}

.mapaLocalizacao {
	margin-left: 23px;
	margin-right: 23px;
}

.mesProgramacao {
	font: bolder 24px "Trebuchet MS"; padding: 25px 23px 10px 23px; color: #990000;
}

.dataProgramacao {
	font: bolder 23px "Trebuchet MS"; color: #666666; line-height: 23px;
}

.textoBarraProgramacaoDetalhe {
	margin-left: 8px;
	font: normal 11px "Trebuchet MS";
	color: #666666;
}

.textoBarraProgramacaoDetalhe .titulo {
	font: bold 11px "Trebuchet MS";
	color: #333333;
	padding-top: 5px;
}

ul.menubar{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  width: 700px;
}
 
ul.menubar .submenu{
  list-style: none;
  float:left;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  display: block;
  background-image: url("../img/backgroundVermelhoClaroMenu.jpg");
}

ul.menubar ul.menu{
  display: none;
  margin: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  position: absolute;  
  top: 240px;
  left: 265px;
  height: 50px;
  width: 130px;
}

ul.menubar ul.menuMem{
  display: none;
  margin: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  position: absolute;  
  top: 240px;
  left: 560px;
  height: 50px;
  width: 115px;
}
 
ul.menubar a{
  padding: 5px;
  display:block;
  text-decoration: none;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
}
 
ul.menu, ul.menu ul{
  padding: 3px;
  display:block;
  text-decoration: none;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  position: absolute;
}

ul.menuMem, ul.menuMem ul{
  padding: 3px;
  display:block;
  text-decoration: none;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  position: absolute;
}
 
ul.menu li{
  position: absolute;
  list-style: none;
  border: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  width: 135px;
}

ul.menuMem li{
  position: absolute;
  list-style: none;
  border: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  width: 135px;
}

ul.menu li a{
  display: block;
  text-decoration: none;
  border-bottom: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  background-image: url("../img/backgroundVermelhoClaroMenu.jpg");
  border-left: 2px;
  border-right: 2px;
  border-top: 2px;
  border-bottom: 2px;
  border-right-style: groove;
  border-left-style: groove;
  border-top-style: groove;
  border-bottom-style: groove;
  border-right-color: white;
  border-left-color: white;
  border-top-color: white;
  border-bottom-color: white;
  height: 11px;
}

ul.menuMem li a{
  display: block;
  text-decoration: none;
  border-bottom: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
  background-image: url("../img/backgroundVermelhoClaroMenu.jpg");
  border-left: 2px;
  border-right: 2px;
  border-top: 2px;
  border-bottom: 2px;
  border-right-style: groove;
  border-left-style: groove;
  border-top-style: groove;
  border-bottom-style: groove;
  border-right-color: white;
  border-left-color: white;
  border-top-color: white;
  border-bottom-color: white;
  height: 11px;
}

ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
}

ul.menuMem li sup{
  font-weight:bold;
  font-size:7px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
}

ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
}

ul.menuMem ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
  font: normal 14px "Trebuchet MS";
  color: #FFFFFF;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
ul.menuMem li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }
ul.menuMem li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

ul.menu li a:hover { color: #FFFFFF; }
ul.menuMem li a:hover { color: #FFFFFF; }

/************************/
/*     Suggest Box      */
/************************/
div.suggestContainer
{
	position: absolute;
	display: none;
	z-index: 1000;
	height: 100px;
	width: 326px;
	left: 355px;
}
div.suggestBox
{	
	border: 1px solid #696969;
	background-color: #fff;
	margin: 0 6px 6px 0;
	position: absolute;
	z-index: 1002;
	height: 98%;
	width: 98%;
}
div.suggestTitleContainer
{
	background-color: #eb9b5c;
	float: left;
	width: 100%;
	z-index: 1003;
}
span.suggestTitle
{
	float: left;
	padding: 3px; 
	color: #fff; 
	font-weight: bold;
}
div.suggestContent
{
	overflow: auto;
	z-index: 1002;
	float: left;
	width: 100%;
	height: 76px;
}
div.suggestShadow
{
	background-color: #ccc;
	margin: 6px 0 0 6px;
	position: absolute;
	z-index: 1001;
	height: 98%;
	width: 98%;
}
div.suggestClose
{
	background: #eb9b5c url("../imagens/estudante/btnFechar.gif") no-repeat;
	margin: 1px 2px;
	cursor: pointer;
	float: right;
	height: 19px;
	width: 19px;
}
span.result
{
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
}
div.suggestTitleContainer
{
	background-color: #1f4e94;;
	float: left;
	width: 100%;
	z-index: 1003;
}

div.suggestClose
{
	background: #eb9b5c url("../img/btnFechar.gif") no-repeat;
	margin: 1px 2px;
	cursor: pointer;
	float: right;
	height: 19px;
	width: 19px;
}

div.campo
{
	margin-left: 12px;
	font-size: 13px; 
	font-family: "Trebuchet MS";
	color: #666666;
	font-weight: bold;	
}

#divConteudo{
	padding-left: 8px;
	float: left;
	width: 602px;
	border: 0px solid #000;
}
#divConteudo h2{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
}
#divConteudo h3{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
}
#divConteudo p {
	margin: 8px 0px;
}
#divConteudo ul {
	margin-bottom: 16px;
}
#divConteudo img.botaoEnviar{
	cursor: pointer;
	border: 0px;
	width: 78px;
	height: 29px;
}
#divConteudo img.botaoEnviarMail{
	cursor: pointer;
	border: 0px;
}
#divConteudo img.botaoLimpar{
	cursor: pointer;
	border: 0px;
	width: 78px;
	height: 29px;
}
#divConteudo img.botaoListarEstudantes{
	cursor: pointer;
	border: 0px;
}
#empresa{
	width: 602px;
	float: left;
}
#empresa h2, #empresa h3, #empresa a {
	color: #2E8B57;
}
thead {
	background: #819DB0 url("../img/fundo_th_escola.jpg") repeat-x;
}
th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 28px;
	color: #fff;
}
.textoClaro{
	background-color: #f9f9f9;	
	margin-left: 12px;
	font-size: 13px; 
	font-family: "Trebuchet MS";
	color: #666666;
	font-weight: bold;
}
.textoEscuro{
	background-color: #eaeaea;	
	margin-left: 12px;
	font-size: 13px; 
	font-family: "Trebuchet MS";
	color: #666666;
	font-weight: bold;
}