/*
Title:      Universia España master styles for screen media
Author:     jandropoch, Universia España
Updated:    April 12 2007
*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// content-left */

/* Esta capa se sitúa a la izquierda dentro de #content y lleva el menu lateral */

#content-left {
	width: 144px;
	height: 100%;
	float: left;
	padding: 0 5px 0 0;
	font-size: 0.9em;
}
#content-left ul{
	margin: 0;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// menu-lateral */

/* Caja con el menú lateral específico de la web */

#menu-lateral {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
#menu-lateral h5{
	color: #FFFFFF;
	background: #ff0000;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0;
	border-bottom: #CC0033 1px solid;
	border-top: #CC3366 solid 1px;
	padding: 3px 0 3px 7px;
}
#menu-lateral ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu-lateral li {
	border-bottom: #cccccc dotted 1px;
	padding: 3px 0 3px 7px;
	background: #eeeeee;
}
#menu-lateral li a{
	text-decoration: none;
	color: #666666;
}
#menu-lateral li a:hover{
	text-decoration: underline;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// content-right */

/* Esta capa se sitúa a la derecha dentro de #content y lleva los contenidos especificos como patrocinados o video */

#content-right {
	float: right;
	width: 824px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// patrocinados */

/* Capa para anuncios patrocinados */

.patrocinados {
	float: left;
	border: 1px solid #CCCCCC;
	width: 210px;
	padding: 0 5px 10px 10px;
	margin: 0 0 10px 3px;
}
.patrocinados a{
	color: #FF0000;
	text-decoration: none;
}
.patrocinados a:hover{
	color: #FF0000;
	text-decoration: none;
}
.patrocinados h5{
	font-size: 1.2em;
	margin: 15px 5px 5px 0;
}
.patrocinados h5 a{
	color: #333333;
	text-decoration: underline;
}
.patrocinados p{
	margin: 5px 5px 5px 0;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// caja-soporte */

/* Esta caja da soporte al banner robapaginas, a la caja con video y los destacados para poder flotar la capa de patrocinados sin problemas */

#caja-soporte {
	float: left;
	margin: 0 0 0 5px;
}
html>body #caja-soporte {
	margin: 0 7px 0 5px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// video */

/* Seguro que sabéis de sobra para que está esta caja */

.video {
	background: #eeeeee;
	border: 1px solid #bbbbbb;
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
}
.video p{
	margin: 0 0 5px 0;
	line-height: 1.1em;
}
.video strong{
	color: #FF0000;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// destacados */

/* Esta es la caja que incluye la navegación por pestañas o tabs inferior que incluye secciones como cursos, agenda, lo más visitado, etc */

.destacados {
	float: left;
	width: 580px;
	margin: 0 0 10px 0;
}
ul#destacados-menu { /* lista con pestañas superiores */
	margin: 5px 0 -1px 0;
	float: left;
	position: relative;
	z-index: 1000;
	list-style-type: none;
	padding: 0;
}
ul#destacados-menu li{
	width: 90px;
	height: 20px;
	padding: 5px 5px 0 5px;
	float: left;
	border-top: 1px #ff0000 solid;
	border-left: 1px #ff0000 solid;
	border-right: 1px #ff0000 solid;
	margin-right: 1px;
	color: #999999;
	font-size: 0.8em;
}
ul#destacados-menu li.seleccionado{
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #333333;
	padding-bottom: 1px;
	background: #eeeeee;
	text-align: center;
}
ul#destacados-menu li.seleccionado a{
	color: #ff0000;
}
ul#destacados-menu li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #ff0000;
	text-transform: uppercase;
}
ul#destacados-menu li a:hover{
	color: #ff0000;
}
.destacados-caja { /* caja con los contenidos de cada pestaña */
	border: 1px solid #cccccc;
	background: #eeeeee;
	clear: both;
	float: left;
	padding: 15px 10px 10px 10px;
	margin-bottom: 10px;
	width: 555px;
	font-size: 0.9em;
	color: #666666;
}
.destacados-caja p{
	margin: 0 0 7px 10px;
}
.destacados-caja a{
	color: #333333;
	text-decoration: none;
}
.destacados-caja a:hover{
	text-decoration: underline;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// content-right-left */

/* Cree esta caja y la siguiente en un inicio para separar la caja #content-right en dos */

#content-right-left {
	background: #FF3300;
	float: left;
	width: 575px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// content-right-right */

#content-right-right {
	background: #00FFFF;
	float: right;
	width: 240px;
}









/* /////////// DAQUI PARA BAIXO ESTÃO MINHAS INTERVENÇÕES AO CSS ORIGINAL - Designer Fabio Dutra ///////// */

.voltar { /* Clase para el boton voltar */
	background:  url(/corporativo/images/buttom-voltar.gif) no-repeat 1px;
	float: right;
	padding-left: 15px;
	margin: 0 0 10px 500px;
	font-size: 0.9em;
	font-weight: bold;
}

/* //////// setagem de títulos em vermelho, bold - INICIO //////////////// */
#titulo_vermelho_bold {
	font-weight: bold;
	font-size: 1.2em;
	color: #FF0000;
}
#titulo_vermelho_bold a:hover{
	text-decoration: underline;
}
/* //////// setagem de títulos em vermelho, bold - FINAL //////////////// */

/* /////////////Menu lateral para Guia de Universidades - INICIO ///////
/* Utilizado apenas em guia de Universidades */
#menu-lateral_guia {
	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
	font-size: 0.9em;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
#menu-lateral_guia ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu-lateral_guia li {
	border-bottom: #cccccc dotted 1px;
	padding: 3px 0 3px 7px;
	background: #eeeeee;
}
#menu-lateral_guia li a{
	text-decoration: none;
	color: #666666;
}
#menu-lateral_guia li a:hover{
	text-decoration: underline;
}
/* ///////////////////Menu lateral para guia de universidades - FINAL */



/* ////////////////////////////////////////////// guia de universidades - INICIO */
/* exclusivo para o menu de guia de universidades */
ul#destacados-menu-guia { /* lista con pestañas superiores */
	margin: 5px 0 -1px 0;
	float: left;
	position: relative;
	z-index: 1000;
	list-style-type: none;
	padding: 0;
	text-align: center;
}
ul#destacados-menu-guia li{
	width: 131.4px;
	height: 20px;
	padding: 5px 5px 0 5px;
	float: left;
	border-top: 1px #ff0000 solid;
	border-left: 1px #ff0000 solid;
	border-right: 1px #ff0000 solid;
	margin-right: 1px;
	color: #999999;
	font-size: 0.8em;
}
ul#destacados-menu-guia li.seleccionado{
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #333333;
	padding-bottom: 1px;
	background: #eeeeee;
	text-align: center;
}
ul#destacados-menu-guia li.seleccionado a{
	color: #ff0000;
}
ul#destacados-menu-guia li a{
	font-size: 0.9em;
	text-decoration: none;
	color: #ff0000;
	text-transform: uppercase;
}
ul#destacados-menu-guia li a:hover{
	color: #ff0000;
}
/* exclusivo para o menu de guia de universidades */
/* //////////////////////////////////// guia de universidades - FIM */


/* /////// DIVISAO DE 3 COLUNAS //// - inicio */
UL.col3 {
	FLOAT: left;
	MARGIM: 20PX 0;
	WIDTH: 100%;
	LIST-STYLE-TYPE: NONE;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 5px;
	font-size: 0.9em;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
UL.col3 LI{
	FLOAT: LEFT;
	DISPLAY: INLINE;
	WIDTH: 31%;
	padding: 5px 5px 5px 5px;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px dotted #cccccc;
}
UL.col3 LI a{
	text-decoration: none;
	color: #666666;
}
UL.col3 LI a:hover{
	text-decoration: underline;
}
/* /////// DIVISAO DE 3 COLUNAS //// - final */

/* /////div com metade do tamanho para eventualmente usar 2 colunas na seção de conteudo - INICIO ////////// */

.conteudo_colunas-2col { /* caja con los contenidos de cada pestaña em 2 colunas */
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
	float:left;
	width: 274px;
	font-size: 0.9em;
	color: #666666;
}
.conteudo_colunas {
	float: left;
	border-bottom: 1px dotted #CCCCCC;
	padding: 0px 5px 10px 10px;
	width: 94%
}
.conteudo_colunas a{
	color: #FF0000;
	text-decoration: none;
}
.conteudo_colunas a:hover{
	color: #FF0000;
	text-decoration: underline;
}
.conteudo_colunas h5{
	font-size: 1.2em;
	color: #333333;
	margin: 15px 5px 5px 0;
}
.conteudo_colunas h5 a{
	color: #333333;
	text-decoration: underline;
}
.conteudo_colunas h4{
	margin: 15px 5px 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FF0000;
}
.conteudo_colunas h4 a{
	color: #FF0000;
	text-decoration: none;
}
.conteudo_colunas h3{
	margin: 15px 5px 5px 0;
	font-size: 1.0em;
	color: #666666;
}
.conteudo_colunas h3 a{
	font-size: 1.1em;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.conteudo_colunas h2{
	font-size: 1.0em;
	color: #333333;
	margin: 15px 5px 5px 0;
}
.conteudo_colunas h2 a{
	color: #333333;
	text-decoration: underline;
}
.conteudo_colunas p{
	margin: 5px 5px 5px 0;
}

/* /////div com metade do tamanho para eventualmente usar 2 colunas na seção de conteudo - FINAL ////////// */


/* //////conteudo topo - INICIO /////// */
.conteudo_topo {
	background: #eeeeee;
	border: 1px solid #bbbbbb;
	float: left;
	padding: 5px;
	margin: 0 4px 10px 0;
}
.conteudo_topo p{
	margin: 0 0 5px 0;
	line-height: 1.1em;
}
.conteudo_topo a{
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
.conteudo_topo a:hover{
	color: #FF0000;
	text-decoration: underline;
}
.conteudo_topo strong{
	color: #FF0000;
}
/* ////////// conteudo topo - FINAL ////// */

/* ///// Menu superior de conteudo topo - INICIO ////// */
.destacados-conteudo-topo {
	float: left;
	width: 270px;
	margin: 0 0 10px 0;
}
ul#destacados-conteudo-topo-menu { /* lista con pestañas superiores */
	margin: 5px 0 -1px 0;
	float: left;
	position: relative;
	z-index: 1000;
	list-style-type: none;
	padding: 0;
}
ul#destacados-conteudo-topo-menu li{
	height: 20px;
	padding: 5px 5px 0 5px;
	float: left;
	border-top: 1px #ff0000 solid;
	border-left: 1px #ff0000 solid;
	border-right: 1px #ff0000 solid;
	margin-right: 1px;
	color: #999999;
	font-size: 0.8em;
}
ul#destacados-conteudo-topo-menu li.seleccionado{
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #333333;
	padding-bottom: 1px;
	background: #eeeeee;
	text-align: center;
}
ul#destacados-conteudo-topo-menu li.seleccionado a{
	color: #ff0000;
}
ul#destacados-conteudo-topo-menu li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #ff0000;
	text-transform: uppercase;
}
ul#destacados-conteudo-topo-menu li a:hover{
	color: #ff0000;
}
/* ///// Menu superior de conteudo topo - FINAL /////// */

/* ///// Destaques Esquerda - INICIO /////// */
#destaques-esquerda {
	border: 1px solid #bbbbbb;

}
/* ///// Destaques Esquerda - FINAL /////// */



/* //// Colocar o nome do usuario quando estiver logado - INICIO //// */

#form-usuarios_logado {
	width: 210px;
	float: right;
	margin: 10px 0 0 0;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 12px 10px 10px 10px;
	text-align: center;
}
#form-usuarios_logado p{
	margin: 0 0 5px 0;
}

/* //// Colocar o nome do usuario quando estiver logado - FINAL //// */


/* //// Colocar opções de logout com 3 frases - INICIO //// */

#usuario_logado {
	background:  url(/corporativo/images/background-usuario_logado.gif) no-repeat;
	float: right;
	height: 55px;
	padding: 15px 20px 0 20px;
}
#usuario_logado p{
	margin: 0 0 4px 0;
}

/* //// Colocar opções de logout com 3 frases - INICIO //// */


/* ///Formularios internos - INICIO /// */

.formulario-caja {
	border: 1px solid #cccccc;
	background: #eeeeee;
	clear: both;
	float: left;
	padding: 15px 10px 10px 15px;
	margin-bottom: 10px;
	width: 100%;
	font-size: 1em;
	color: #333333;
}
.formulario-caja a{
	color: #FF0000;
	text-decoration: none;
}
.formulario-caja a:hover{
	color: #FF0000;
	text-decoration: underline;
}
.formulario-caja h5{
	font-size: 1.2em;
	color: #333333;
	margin: 15px 5px 5px 0;
}
.formulario-caja h5 a{
	color: #333333;
	text-decoration: underline;
}
.formulario-caja h4{
	margin: 15px 5px 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FF0000;
}
.formulario-caja h4 a{
	color: #FF0000;
	text-decoration: none;
}


.formulario_colunas-2col {
	margin: 0 0 10px 0;
	float:left;
	width: 49%;
}

form#internos {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}
form#internos input{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0;
	height: 16px;
	border: #CCCCCC 1px solid;
}
form#internos select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 100px;
	height: 16px;
	border: #CCCCCC 1px solid;
	padding: 0;
}
form#internos p{
	margin: 0 0 5px 0;
}

.verm11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FF3333;
	text-decoration: none;
}
.cinza11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}

/* /// Formularios internos - FINAL /// */




/* ///Formularios registo - INICIO /// */



form#registo {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}
form#registo input{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0;
	height: 16px;
	border: #CCCCCC 1px solid;
}
form#registo select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 100px;
	height: 16px;
	border: #CCCCCC 1px solid;
	padding: 0;
}
form#registo p{
	margin: 0 0 5px 0;
}



/* /// Formularios registo - FINAL /// */

/* ///Formularios PESQUISA - INICIO /// */
form#pesquisa {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}
form#pesquisa input{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0;
	height: 16px;
	border: #CCCCCC 1px solid;
}
form#pesquisa select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 470px;
	height: 16px;
	border: #CCCCCC 1px solid;
	padding: 0;
}
form#pesquisa p{
	margin: 0 0 5px 0;
}

/* /// Formularios PESQUISA - FINAL /// */


/* /// DIV COM BACKGROUND UNIVERSITARIOS PARA A PAGINA INDEX DE REGISTO DE UTILIZADOR - INICIO /// */

.registo_left {
	width:100%;
	float:left;
}
.registo_universitarios {
	background:  url(/servicos_net/registo/imgs/registo_universitarios.jpg) no-repeat;
	float: left;
	text-align: left;
	height: 110px;
	width: 200px;
	padding: 90px 20px 0 250px;
	margin: 0 0 30px 0;
}
.registo_universitarios h5{
	font-size: 1.2em;
	color: #333333;
	margin: 0 0 5px 0;
}
form#comeco input{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0;
	height: 16px;
	border: #ECECEC 1px solid;
}

/* /// DIV COM BACKGROUND UNIVERSITARIOS PARA A PAGINA INDEX DE REGISTO DE UTILIZADOR - FINAL /// */

/* /// DIV COM BACKGROUND SENIORS PARA A PAGINA INDEX DE REGISTO DE UTILIZADOR - INICIO /// */
.registo_right {
	width:100%;
	float:right;
}
.registo_seniors {
	background:  url(/servicos_net/registo/imgs/registo_senior.jpg) no-repeat;
	float: right;
	text-align: left;
	height: 104px;
	width: 240px;
	padding: 96px 20px 0 210px;
	margin: 0 0 30px 0;
}
.registo_seniors h5{
	font-size: 1.2em;
	color: #333333;
	margin: 0 0 5px 0;
}

/* /// DIV COM BACKGROUND SENIORS PARA A PAGINA INDEX DE REGISTO DE UTILIZADOR - FINAL /// */

/* /// CENTRALIZAR TEXTO - INICIO /// */

.center {
	width:100%;
	text-align: center;
}

/* /// CENTRALIZAR TEXTO - FINAL /// */

/* /// PASSATEMPOS - INICIO /// */
#passatempos {
	border: 1px solid #bbbbbb;
	margin: 2px;
	padding: 2px 2px 2px 2px;
	float: left;
	width: 117px;
	height: 100%;
}
#passatempos h5{
	font-size: 0.9em;
	color: #333333;
	padding: 0 0 0 0;
}
#passatempos ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#passatempos li {
	font-size: 0.9em;
	padding: 3px 0 3px 7px;
}
#passatempos li a{
	text-decoration: none;
	color: #666666;
}
#passatempos li a:hover{
	color: #FF0000;
}

/* /// PASSATEMPOS - FINAL /// */

/* /// CENTRALIZAR BOTAO - INICIO /// */
.centralizar_botao {
	margin: 5px;
	padding: 5px 5px 5px 5px;
	float: left;
	width: 100px;
	text-align: center;
}
/* /// CENTRALIZAR BOTAO - FINAL /// */

/* /// LISTA - INICIO /// */
#lista {
	padding: 2px 2px 2px 2px;
	float: left;
	width: 100%;
	height: 100%;
}
#lista ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#lista li {
	font-size: 0.9em;
	padding: 3px 0 3px 7px;
}
#lista li a{
	text-decoration: none;
	color: #666666;
}
#lista li a:hover{
	color: #FF0000;
}
/* /// LISTA - FINAL /// */


/* ////// MENU CLASSIFICADOS - INÍCIO ////// */

#menu_classificados {
	margin: 5px 0 5px 0;
	position: relative;
	z-index: 1000;
}
#menu_classificados ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu_classificados li{
	width: 148px; /* Modificando la anchura añadimos o reducimos pestañas al menu */
	height: 35px; /* Modificando la altura tendremos pestañas de una altura u otra */
	padding: 2px 5px 0 5px;
	float: left;
	background: #f9f9f9;
	border: 1px #cccccc solid;
	margin-right: 2px;
	color: #999999;
	font-size: 0.9em;
}
#menu_classificados li.seleccionado{ /* Clase para la pestaña seleccionada */
	border: 1px #999999 solid;
	background: url(../images/background-menu-li2.gif) repeat-x;
	color: #333333;
	font-weight: bold;
	padding-bottom: 1px;
}
#menu_classificados li.seleccionado a{
	color: #ff0000;
}
#menu_classificados li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
#menu_classificados li a:hover{
	color: #ff0000;
}
/* ////// MENU CLASSIFICADOS - FINAL ////// */


/* ////// MENU CLASSIFICADOS REGISTO - INÍCIO ////// */

#menu_classificados_reg {
	margin: 0 0 5px 0;
	position: relative;
	z-index: 100;
}
#menu_classificados_reg ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu_classificados_reg li{
	width: 310px; /* Modificando la anchura añadimos o reducimos pestañas al menu */
	height: 20px; /* Modificando la altura tendremos pestañas de una altura u otra */
	padding: 2px 5px 0 5px;
	float: left;
	background: #f9f9f9;
	border: 1px #cccccc solid;
	margin-right: 2px;
	color: #666666;
	font-size: 0.9em;
	text-align: center;
}
#menu_classificados_reg li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#menu_classificados_reg li a:hover{
	color: #ff0000;
}
/* ////// MENU CLASSIFICADOS REGISTO- FINAL ////// */

/* ////// MENU CAJA UNIVERSIDADES - INÍCIO ////// */

#menu_caja_universidades {
	margin: 0 0 0 0;
	position: relative;
	z-index: 200;
}
#menu_caja_universidades ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu_caja_universidades li{
	width: 30%;
	height: 20px;
	padding: 5px 5px 0 5px;
	float: left;
	background: #cccccc;
	border: 1px #999999 solid;
	margin-right: 2px;
	color: #666666;
	font-size: 0.9em;
	text-align: center;
}
#menu_caja_universidades li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#menu_caja_universidades li a:hover{
	color: #ff0000;
}
/* ////// MENU CAJA UNIVERSIDADES - FINAL ////// */