@charset "utf-8";

div#poweredby { margin-top: 40px; text-align: center; font-size: 10px; color: #aaa;
                filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }
div#poweredby span { color: #aaa; }

/**
 * FONTES
 */
body { font-family: Tahoma, Arial, sans-serif; }
a { text-decoration:none; font-weight:normal; font-family:Verdana; }
a:hover { text-decoration:underline; }
a.urlall { text-decoration: underline; }
a.urlall:hover { text-decoration: none;}
div.title a { text-decoration:none; }
div.text a.url { text-decoration: underline;}
div.text a.url:hover { text-decoration: none;}

/**
 * TAMANHOS
 */
{ font-size: 16px; }
h1 { font-size: 1em; font-weight: normal; margin: 0 0 1em 0; padding-bottom: 0.2em; }
h1 { font-size: 0.8em; }
a.urlall { font-size:0.9em; font-weight:normal; line-height:1.416em; }
a span { font-size: 0.7em; }
div.title { font-size:0.8em; line-height:1.416em; }
div.data span { font-size: 0.8em; line-height:1.416em; }
div.text { font-size: 0.9em; }
div.text span { line-height:1.416em; }
div.i h1 { font-size: 1.2em; font-weight: normal; }
div.i h2 { font-size: 1em; font-weight: normal; }
div.i table { font-size: 0.8em; line-height:1.5em; }

/**
 * CORES
 **/
* { border-color: #ddd; }
h1 { color: #A2366E; }
a { color: #888888; }
a:hover { color: #cc1111; }
a.urlall { color: #218DCB; }
div.title { color: #3d8e07; }
div.title a { color: #3d8e07; }
div.data { color: #0fa8b5; }
div.text span { color: #444; }
div.text a.url { color: #218DCB; }
div.i { color: #444; }
div.i h1 { color: #0fa8b5; }
div.i h2 { color: #a2366e; }

/**
 * CONTENTORES
 */
/* contentor para o menu principal */
div.main-menu-container { width: 158px; position:relative; margin:0px auto; margin-left:7px; z-index:1; }
div.main-menu-container .content { margin: 9px 8px 0 0; }
/* sprite que vamos utilizar */
div.main-menu-container .wrapper,
div.main-menu-container .t,
div.main-menu-container .b,
div.main-menu-container .b div { background:transparent url(http://static.textovirtual.com/images/epvc/box_sprite.png) no-repeat top right; _background-image:url(http://static.textovirtual.com/images/epvc/box_sprite_8bit.png); /* versão 8bits para o IE6 */ }
div.main-menu-container .wrapper { position:relative; zoom:1; _overflow-y:hidden; display: inline-block; width: 100%; }
div.main-menu-container .t { /* canto superior esquerdo */ position:absolute; left:0px; top:0px; width:7px; /* largura do canto para o cabeçalho */ margin-left:-7px; height:100%; _height:1600px; /* largura mesmo grande para o IE 6 ficar satisfeito */ background-position:top left; }
div.main-menu-container .b { /* rodapé */ position:relative; width: 100%; }
div.main-menu-container .b,
div.main-menu-container .b div { height:7px; /* altura do bottom border */ font-size:1px; }
div.main-menu-container .b { background-position:bottom right; }
div.main-menu-container .b div { position:relative; width:7px; /* largura do canto para o rodapé */ margin-left:-7px; background-position:bottom left; }
div.main-menu-container .hd,
div.main-menu-container .bd,
div.main-menu-container .ft { position:relative; }

/* contentor para o menu vertical */
div.vertical-menu-container { width: 158px; position:relative; margin:0px auto; margin-left:7px; z-index:1; }
div.vertical-menu-container .content { margin: 9px 8px -40px 0; *margin-bottom: 0; }
/* sprite que vamos utilizar */
div.vertical-menu-container .wrapper,
div.vertical-menu-container .t,
div.vertical-menu-container .b,
div.vertical-menu-container .b div { background:transparent url(http://static.textovirtual.com/images/epvc/menu_vertical_sprite.png) no-repeat top right; _background-image:url(http://static.textovirtual.com/images/epvc/menu_vertical_sprite_8bit.png); /* versão 8bits para o IE6 */ }
div.vertical-menu-container .wrapper { z-index: 10; /* por causa da margem negativa do .content */ position:relative; zoom:1; _overflow-y:hidden; display: inline-block; width: 100%; }
div.vertical-menu-container .t { /* canto superior esquerdo */ position:absolute; left:0px; top:0px; width:8px; /* largura do canto para o cabeçalho */ margin-left:-8px; height:100%; _height:1600px; /* largura mesmo grande para o IE 6 ficar satisfeito */ background-position:top left; }
div.vertical-menu-container .b { /* rodapé */ position:relative; width: 100%; }
div.vertical-menu-container .b,
div.vertical-menu-container .b div { height:60px; /* altura do bottom border */ font-size:1px; }
div.vertical-menu-container .b { z-index: 0; /* por causa da margem negativa do .content */ background-position:bottom right; }
div.vertical-menu-container .b div { position:relative; width:8px; /* largura do canto para o rodapé */ margin-left:-8px; background-position:bottom left; }
div.vertical-menu-container .hd,
div.vertical-menu-container .bd,
div.vertical-menu-container .ft { position:relative; }

/** EPVC-NEWS-CONTAINER **/
.epvc-news-container { float: left; width: 170px; position:relative; margin:0px auto; margin-left:7px; z-index:1; }
/* content */
.epvc-news-container .content { margin: 9px 8px 0 0; }
/* sprite que vamos utilizar */
.epvc-news-container .wrapper,
.epvc-news-container .t,
.epvc-news-container .b,
.epvc-news-container .b div { background:transparent url(http://static.textovirtual.com/images/epvc/news_container_sprite.png) no-repeat top right; _background-image:url(http://static.textovirtual.com/images/epvc/news_container_sprite_8bit.png); /* versão 8bits para o IE6 */ }
.epvc-news-container .wrapper { position:relative; zoom:1; _overflow-y:hidden; display: inline-block; width: 100%; }
.epvc-news-container .t { /* canto superior esquerdo */ position:absolute; left:0px; top:0px; width:7px; /* largura do canto para o cabeçalho */ margin-left:-7px; height:100%; _height:1600px; /* largura mesmo grande para o IE 6 ficar satisfeito */ background-position:top left; }
.epvc-news-container .b { /* rodapé */ position:relative; width: 100%; }
.epvc-news-container .b,
.epvc-news-container .b div { height:7px; /* altura do bottom border */ font-size:1px; }
.epvc-news-container .b { background-position:bottom right; }
.epvc-news-container .b div { position:relative; width:7px; /* largura do canto para o rodapé */ margin-left:-7px; background-position:bottom left; }
.epvc-news-container .hd,
.epvc-news-container .bd,
.epvc-news-container .ft { position:relative; }

/**********************************************************************
 * EPVC - right container
 * contentor utilizado para alinhar à direita com dimensão fixa
 * o texto de boas vindas e os destaques
 **********************************************************************/
.epvc-right-container {
  float: right;
  width: 615px;
}

/**
 * MENUS
 **/

/** MENU PRINCIPAL **/
.main-menu { width: 150px; }
.main-menu h1 { margin: 0; display: none; }
.main-menu ul { list-style: none; margin: 0; padding: 0; position: relative; overflow: hidden; }
.main-menu ul li { border-top: 1px dotted #ddd; *cursor: pointer; }
.main-menu ul li:first-child { border-top: none; }
.main-menu ul li a,
.main-menu ul li a:link,
.main-menu ul li a:active,
.main-menu ul li a:focus,
.main-menu ul li a:visited {
  background: url(http://static.textovirtual.com/images/epvc/menu_item_bg.png);
  _background: url(http://static.textovirtual.com/images/epvc/menu_item_bg_8bit.png);
  display: block;
  padding: 9px 0 0 3px;
  height: 23px;
  text-transform: capitalize;
  font-weight: bold;
  color: #777;
  }
.main-menu ul li a:hover { color: #666; background-position: 0 -32px; text-decoration: none; }
.main-menu ul li.active a,
.main-menu ul li a:active { color: #633; background-position: 0 -64px; }

.main-menu ul li a span { cursor: hand; display: block; float: left; margin: 1px 0 0 10px; }
.main-menu ul li a span.icon { width: 16px; height: 16px; display: block; margin: auto; float: left;
  background:transparent url(http://static.textovirtual.com/images/epvc/menu_icons_sprite.png) no-repeat;
  *background:transparent url(http://static.textovirtual.com/images/epvc/menu_icons_sprite_8bit.png) no-repeat;}

.main-menu ul li.index a span.icon { background-position: 0 -96px; }
.main-menu ul li.index_original a span.icon { background-position: 0 -96px; }
.main-menu ul li.escola a span.icon { background-position: 0 0; }
.main-menu ul li.noticias a span.icon { background-position: 0 -16px; }
.main-menu ul li.cursos a span.icon { background-position: 0 -32px; }
.main-menu ul li.alunos a span.icon { background-position: 0 -48px; }
.main-menu ul li.professores a span.icon { background-position: 0 -64px; }
.main-menu ul li.contactos a span.icon { background-position: 0 -80px; }

/** MENU VERTICAL **/
div.menu-vertical {     overflow:hidden; }
div.menu-vertical h1 { margin: 0 0 5px; padding: 0 0 2px 5px; border-bottom: 1px dotted #ddd; }
div.menu-vertical h1 span { color: #663333; font-weight: bold; }
div.menu-vertical ul { list-style: none; margin: 0; padding: 0; position: relative; }
div.menu-vertical ul li { display:block; }
div.menu-vertical ul li.active a { font-weight: bold; color: #000; }
div.menu-vertical ul li a span.icon { display: none; }
div.menu-vertical ul li a span { padding-left: 5px; font-size:0.7em; line-height: 1.5em; }

/** MENUS PARA OS CURSOS **/
/* definições comuns aos menus de todos os cursos */
div.menu-cursos { overflow:hidden; width: 260px; }
div.menu-cursos h1 { margin: 0; display: none; }
div.menu-cursos ul { list-style: none; margin: 0; padding: 0; position: relative; }

div.menu-cursos ul li { display: block; margin-left: 5px; }
div.menu-cursos ul li.cursos-profissionais,
div.menu-cursos ul li.formacao-modular,
div.menu-cursos ul li.cefa,
div.menu-cursos ul li.centro-novas-oportunidades {
  margin-left: 0;
  }
div.menu-cursos ul li.cursos-profissionais a,
div.menu-cursos ul li.formacao-modular a,
div.menu-cursos ul li.cefa a,
div.menu-cursos ul li.centro-novas-oportunidades a {
   background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite.png) no-repeat top left;
  _background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite_8bit.png) no-repeat top left;
  width: 184px; height: 77px; font-size: 1.5em; display: block;
  }

div.menu-cursos ul li.cursos-profissionais a span,
div.menu-cursos ul li.formacao-modular a span,
div.menu-cursos ul li.cefa a span,
div.menu-cursos ul li.centro-novas-oportunidades a span { display: none; }

div.menu-cursos ul li a span.icon { display: none; }

/*** definições para os cursos profissionais ***/
div.menu-cursos ul li.cursos-profissionais a { background-position: 0px 0px; }
div.menu-cursos ul li.cursos-profissionais a:hover { background-position: 0px -77px; }
div.menu-cursos ul li.inscricoes-cursos-profissionais { position: absolute ! important; /* o important é porcausa do IE 6 */ z-index: 10; right: 0; }
div.menu-cursos ul li.inscricoes-cursos-profissionais a {
  background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite.png) no-repeat;
  _background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite_8bit.png) no-repeat;
  background-position: -736px 0px;
  width: 93px; height: 77px; font-size: 1.5em; display: block;
  }
div.menu-cursos ul li.inscricoes-cursos-profissionais a:hover { background-position: -736px -77px; }
div.menu-cursos ul li.inscricoes-cursos-profissionais a span { display: none; }

/*** definições para os cursos cefa ***/
div.menu-cursos ul li.cefa a { background-position: -184px 0px; }
div.menu-cursos ul li.cefa a:hover { background-position: -184px -77px; }
div.menu-cursos ul li.inscricoes-cefa { position: absolute ! important; /* o important é por causa do IE6 */ z-index: 10; right: 0; }
div.menu-cursos ul li.inscricoes-cefa a {
  background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite.png) no-repeat;
  _background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite_8bit.png) no-repeat;
  background-position: -736px 0px;
  width: 93px; height: 77px; font-size: 1.5em; display: block;
  }
div.menu-cursos ul li.inscricoes-cefa a:hover { background-position: -736px -77px; }
div.menu-cursos ul li.inscricoes-cefa a span { display: none; }

/*** definições para a formação modular ***/
div.menu-cursos ul li.formacao-modular a { background-position: -368px 0px; }
div.menu-cursos ul li.formacao-modular a:hover { background-position: -368px -77px; }
div.menu-cursos ul li.inscricoes-formacao-modular { position: absolute ! important /* o important é por causa do IE6 */; z-index: 10; right: 0; }
div.menu-cursos ul li.inscricoes-formacao-modular a {
  background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite.png) no-repeat;
  _background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite_8bit.png) no-repeat;
  background-position: -736px 0px;
  width: 93px; height: 77px; font-size: 1.5em; display: block;
  }
div.menu-cursos ul li.inscricoes-formacao-modular a:hover { background-position: -736px -77px; }
div.menu-cursos ul li.inscricoes-formacao-modular a span { display: none; }

/*** definições para o cno ***/
div.menu-cursos ul li.centro-novas-oportunidades a { background-position: -552px 0px; }
div.menu-cursos ul li.centro-novas-oportunidades a:hover { background-position: -552px -77px; }
div.menu-cursos ul li.inscricoes-cno { position: absolute ! important /* o important é por causa do IE6 */; z-index: 10; right: 0; }
div.menu-cursos ul li.inscricoes-cno a {
  background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite.png) no-repeat;
  _background: transparent url(http://static.textovirtual.com/images/epvc/cursos_sprite_8bit.png) no-repeat;
  background-position: -736px 0px;
  width: 93px; height: 77px; font-size: 1.5em; display: block;
  }
div.menu-cursos ul li.inscricoes-cno a:hover { background-position: -736px -77px; }
div.menu-cursos ul li.inscricoes-cno a span { display: none; }

/**
 * JORNAIS
 */

/** DESTAQUES **/
/* JOURNAL - 2 COLUMN */
div.destaques { margin: 0; border-top: 1px dotted silver; overflow:hidden; }
div.destaques h1 { margin: 1em 0; }
div.not_ult a.urlall { float: right; padding-right:14px; background:transparent url(http://static.textovirtual.com/images/marker.gif) no-repeat scroll right top; }

/* ARTICLE */
div.destaques ul { margin: 0; padding: 0; list-style: none;}
div.destaques ul li { width: 274px; float: left; margin-left: 10px; padding-left: 10px; border-left: 1px dotted silver; }
div.destaques ul li:first-child { margin: 0; padding: 0; border-left: none; }
/** article content **/
div.destaques div.article > div.title { margin: 0.3em 0; }
div.destaques div.article > div.img { float: left; margin: 0 5px 0 0;}
div.destaques div.article > div.img img { border: none; max-width: 64px; max-height: 64px; }
div.destaques div.article > div.text ul { margin: 0; padding: 0; list-style: none; }
div.destaques div.article > div.text ul li { margin: 0; }
div.destaques div.article > div.text ul li:before { content: "» "; }
div.destaques div.article > div.text a.url { background:transparent url(http://static.textovirtual.com/images/marker.gif) no-repeat scroll right top; padding-right:14px; }

/** NOTÍCIAS - JOURNAL - MINI **/
div.journal-fb { padding: 5px; }
div.journal-fb h1 { border-bottom: 1px solid silver; margin: 0 0 0.5em 0; }
div.journal-fb a.urlall { float: right; padding-right:14px; background:transparent url(http://static.textovirtual.com/images/marker.gif) no-repeat scroll right top; }
div.journal-fb ul { margin: 0; padding: 0; list-style: none; }
div.journal-fb ul li { margin: 5px 0; padding: 5px 0; border-bottom-width: 1px; border-bottom-style: solid; }
div.journal-fb ul li:last-child { border: none; }
/* ARTICLE */
div.journal-fb div.article { position: relative; margin: 0; }
div.journal-fb div.article div.title a { text-decoration:underline; }
div.journal-fb div.article div.data { float: right; }
div.journal-fb div.article div.data span { font-size: 0.6em; }
div.journal-fb div.article div.img { margin: -7px 0 -7px -7px; width: 62px; height: 62px; float: left; background:transparent url(http://static.textovirtual.com/images/epvc/foto_frame_xs.png) no-repeat top left; }
div.journal-fb div.article div.img a { margin: 7px 0 0 7px; border: none; display: table; }
div.journal-fb div.article div.img a img { border: none; *margin-top: 7px; max-width: 48px; max-height: 48px; }
div.journal-fb div.article div.text span { font-size:0.75em; }
div.journal-fb div.article div.text a.url { background:transparent url(http://static.textovirtual.com/images/marker.gif) no-repeat scroll right top; padding-right:14px; }

/** JOURNAL NOTÍCIAS **/
div.journal-news { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; overflow:hidden; }
div.journal-news > ul { list-style: none; margin: 0; padding: 0;}
/* ARTICLE */
div.journal-news > ul > li > div.article { padding: 0;  margin: 0 0 2em 0; }
div.journal-news > ul > li > div.article div.data { display: none; }
div.journal-news > ul > li > div.article div.img { float: left; border: 1px solid #eeeeee; margin: 0 0.5em 1em 0em;}
div.journal-news > ul > li > div.article div.img img { border: none; max-width: 256px; }
div.journal-news > ul > li > div.article div.title { border-width: 1px; }
div.journal-news > ul > li > div.article div.text span { font-size: 1em; color:#2C2C2C; }


/**
 * PARAGRAFOS
 */

/* estilo utilizado para o texto de boas vindas */
div.texto-bv { margin: 0; padding: 0 10px 10px 0; font-size: 0.9em; font-family: Tahoma, Arial, sans-serif; text-align: justify; }
div.texto-bv div.i { color: #444; }
div.texto-bv div.i h1 { color: #0fa8b5; font-size: 1.2em; font-weight: normal; margin: 0 0 0.5em 0; }
div.texto-bv div.i h2 { color: #a2366e; font-size: 1em; font-weight: normal; margin: 1em 0 0 0; }
div.texto-bv div.i p { margin: 0.5em 0 0.5em 0; padding: 0;}
div.texto-bv div.i img { margin: 0px 5px 1px 0px; }

/* estilo utilizado para o texto dos cursos */
div.texto-cursos { margin: 0; padding: 0 10px 10px 0; font-size: 0.9em; font-family: Tahoma, Arial, sans-serif; }
div.texto-cursos div.i { color: #444; }
div.texto-cursos div.i h1 { color: #a2366e; font-size: 1.2em; font-weight: normal; margin: 0 0 0.5em 0; }
div.texto-cursos div.i h2 { color: #0fa8b5; font-size: 1em; font-weight: normal; margin: 0 0 0.5em 0; }
div.texto-cursos div.i p { margin: 0.5em 0 0.5em 0; padding: 0;}
div.texto-cursos div.i table { border-top: 1px solid silver; font-size: 0.8em; line-height:1.5em; }

div.texto-cursos div.i table tr.header th,
div.texto-cursos div.i table tr.header td { border-bottom: 1px solid silver; }
div.texto-cursos div.i table tr.footer th,
div.texto-cursos div.i table tr.footer td { border-bottom: 1px solid silver; }
div.texto-cursos div.i table tr.disciplina th,
div.texto-cursos div.i table tr.disciplina td { border-bottom: 1px solid silver; }

div.texto-cursos div.i table tr.header td,
div.texto-cursos div.i table tr.footer td { font-weight: bold; text-align: center; }
div.texto-cursos div.i table tr.footer th { text-align: right; }
div.texto-cursos div.i table tr.disciplina td { text-align: center; }
div.texto-cursos div.i table tr.disciplina td.nome { text-align: left; padding-left: 5px; }
div.texto-cursos div.i table tr.disciplina th.grupo,
div.texto-cursos div.i table tr.disciplina td.grupo { text-align: left; padding-left: 5px; padding-right: 5px; font-weight: bold; }


/**
 * ALBUMS
 */
div.album1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.album1 h1 { margin: 0 0 5px; padding: 0; border-bottom: 1px solid silver; font-size: 0.9em; }
div.album1 ul { list-style: none; margin: 0; padding: 0; }
div.album1 ul li { font-size: 0.7em; display: block; margin-left: 5px; float: left; }
div.album1 ul li:first-child,
div.album1 ul li.first-child { margin-left: 0; }
div.album1 ul li a,
div.album1 ul li a:link,
div.album1 ul li a:active,
div.album1 ul li a:focus,
div.album1 ul li a:visited { color:#888888; text-decoration: none; }
div.album1 ul li a:hover { color: #cc1111; }
div.album1 ul li a span { font-size:11px; font-weight:normal; }
div.album1 ul li a img { border: none; }

/**
 * FORMS
 */
.epvc-form { padding: 5px; float: left; font-size: 0.9em; }
.epvc-form fieldset { border: 1px solid #ddd; width: 41.5em; }
.epvc-form .actions { text-align: right; padding: 5px 5px 0; }
.epvc-form ul { padding: 10px 10px 15px 0px; overflow: hidden; }
.epvc-form ul > li { margin-top: 10px; }
.epvc-form ul > li { display: table; width: 100%; padding: 5px 10px; margin-top: 5px;}
.epvc-form ul > li:hover { background: #eeeeff; }

.epvc-form ul span.label { float:left; margin: 0 5px 0 0; width: 8em; }
.epvc-form ul span.error { display: block; float: left; width: 13em; margin-left: 0.5em; color: red; }
.epvc-form ul input { width: 20em; float: left; border: none; border-bottom: 1px solid silver; }
.epvc-form ul input[type="text"],
.epvc-form ul textarea,
.epvc-form ul select { font-weight: bold; }

.epvc-form ul li.text_area label { display: block; width: 85%;}
.epvc-form ul li.text_area textarea { display: table; border: 1px solid silver; padding: 3px; width: 30em; height: 6em; overflow-y: auto; }