/**
 * <b>ftcat06 - Estil CSS</b>
 *
 * <b>Nom Fitxer:</b> ftcat06.css<br />
 * 	Definició dels estils CSS de la Plataforma WebSala.
 *
 * @copyright Copyright (C) 2006 Sala Assessor Informŕtic SL
 * @author Jonathan Sánchez Sauce <jonathan@salasl.cat>
 * @version 1.0
 * @package WebSala
 *
 */

/***********************************************/
/* HTML 																			 */
/***********************************************/
select
{
	overflow:visible;
  	width : 200px ;

}
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	text-align:center;
/*	background-color: #EEEEEE;*/
	background-color: #CECECE;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/***********************************************/
/* HTML posicións navegacio										 */
/***********************************************/
#navegacio
{
	width:772px;
	margin-left:auto; margin-right:auto;
}

#navegacioSuperior{
	padding: 0px 0px 0px 0px;
/*	border-bottom: 1px solid #cccccc; */
	width: 100%;
}

#navegacioEsquerra{
	float: left;
	width: 162px;
	margin: 0px;
	padding: 0px;
	text-align:left;
/*	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
}

#navegacioDreta{
  float:right;
	width: 159px;
	text-align:left;
/*	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px; */
}

#navegacioCentral{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
  width: 431px;
	text-align:left;
}

#navegacioInferior{
	clear: both;
	font-size: 85%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	width: 100%;
}

/***********************************************/
/* Tabs																				 */
/***********************************************/
.panell {
	clear: both;
	display: none;
	border: 0px solid #CCC;
/*	padding: 1em; */
}

.panell.active-tab-body {
	display: block;
}
.tabs {
	list-style: none;
	font-size:9px;
}

.tabs li {
	float: left;
	border-bottom: 1px solid;
}

.tabs a {
	float: left;
/*	padding: 5px 8px; */
	margin-left: 3px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

.tabs a.active-tab {
	background-color: #CCC;
	border-top: 2px solid #999;
	padding-top: 1px;
	color: #000;
}

/***********************************************/
/* Login From															 */
/***********************************************/
#login_usuari{
	height:25px;
	font-size:15px;
}

#login_password{
	height:25px;
	font-size:15px;
}

#login_button{
	height:18px;
	font-size:10px;
	font-weight:bold;
	border-color:#000000;
	border-width:1px;
	background-color: #FFCC99;
}

/***********************************************/
/* Validació From															 */
/***********************************************/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #0000FF;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.calendari-camp-data {
	background-image:url(ftcat06/calendari.png);
	width: 16px;
	height: 16px;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/***********************************************/
/* Forms de manteniments											 */
/***********************************************/
#id_registre_combo {
	font-size:10px;
	color: #990000;
	vertical-align: super;
}

.div_nom_camp_manteniment {
	float:left;
	width:150px;
}

.div_checkbox_manteniment {
/*
	float:left;
	width:20%;
*/
}

.boto_manteniment{
	border:solid #0000FF 1px;
}

.checkbox_manteniment{

}
.fieldset_manteniment{

}

.estilAdminContinguts{
	float:left;
	width:20px;
	height:20px;
	background-image:url(ftcat06/edit.png);
	cursor: pointer;
}

.estilAdminApartats{
	float:left;
	width:20px;
	height:20px;
	background-image:url(ftcat06/config.png);
	cursor: pointer;
}

.botoRedimensiona{
	float:left;
	cursor:pointer;
	background-image:url(ftcat06/arrows.gif);
	width:12px;
	height:24px;
}
/***********************************************/
/*	HTML predefinits de disseny								 */
/***********************************************/

.boxhead
{
    background-image: url(ftcat06/mailsala_head.gif);
    background-repeat: no-repeat;
    height: 109px;
		margin-bottom: 10px;
}

.boxhead H2
{
    font-weight: bold;
    font-size: xx-small;
    text-align: right;
    color: white;
}

.boxinfo1left
{
    CLEAR: left;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 162px;
}
.boxinfo1headleft
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(ftcat06/info1_head.gif);
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1bodyleft
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: url(ftcat06/info1_body.gif);
    PADDING-BOTTOM: 10px;
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1headleft H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px
}
.boxinfo1bodyleft P
{
    MARGIN-TOP: 0px;
    /*FONT-SIZE: x-small;*/
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 15px
}
.boxinfo1right
{
    CLEAR: right;
    FLOAT: right;
    PADDING-BOTTOM: 5px;
    WIDTH: 260px
}
.boxinfo1headright
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(ftcat06/info1_head.gif);
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1bodyright
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: url(ftcat06/info1_body.gif);
    PADDING-BOTTOM: 10px;
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1headright H2
{
    FONT-WEIGHT: bold;
    /*FONT-SIZE: small;*/
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px
}
.boxinfo1bodyright P
{
    MARGIN-TOP: 0px;
    /*FONT-SIZE: x-small;*/
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 15px
}

.procesAjax{
	background-image: url(ftcat06/bombetaajuda.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 20px;
}

.contenidorInferior{
	background-color:#FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	/*font-size:10px;*/
}

.contenidorSuperior{
	margin-top:0px;
	padding-top:3px;
	background-color:#990000;
}
.contenidorSuperiorHead{
/*
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(ftcat06/info3_head.gif);
    BACKGROUND-REPEAT: no-repeat;
		height:0px;
		*/
display:none;
}
.contenidorSuperiorBody{
    /*BACKGROUND-POSITION: center bottom;*/
    /*BACKGROUND-IMAGE: url(ftcat06/info3_body.gif);*/
	/*BACKGROUND-REPEAT: no-repeat;*/
	/*background-color:#990000;*/


}
#navegacioSuperior table{
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-IMAGE: url(ftcat06/info3_body.gif);
    BACKGROUND-REPEAT: no-repeat;
}

.contenidorSuperiorBody a{
	font-size:12px;
	color:#000000;
}

.contenidorCentral{
	background:#9caf9c; color:#000; margin:5em auto;
	position:relative;
	background-color:#FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:5px;
	/*font-size:14px;*/
}

.curvy {position:relative; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#CECECE; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#ffffff; line-height:40px; font-weight:normal;}
.contenidorCentral em b {position:absolute; font-size:150px; font-family:arial; color:#ffffff; line-height:40px; font-weight:normal;}
.contenidorDreta em b {position:absolute; font-size:150px; font-family:arial; color:#ffffff; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

.contenidorCentralHead{
	background-position: left top;
	/*background-image: url(ftcat06/info2_head.gif);*/
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
}

.contenidorCentralHead h2{
	color:#FFFFFF;
	font-size:0px;
}
.contenidorCentralBody{
	background-position: left bottom;
	/*background-image: url(ftcat06/info2_body.gif);*/
	background-repeat: no-repeat;
	/*font-size: x-small;*/
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	text-align:justify;

}

.boxvarios
{
    WIDTH: 530px;
		margin-top: 5px;
    BACKGROUND-COLOR: transparent
}
.solucio
{
    BACKGROUND-IMAGE: url(ftcat06/bombetaajuda.gif);
    WIDTH: 12px;
    HEIGHT: 16px
}

.contenidorDreta
{
	background:#9caf9c; color:#000; margin:5em auto;
	position:relative;
	    padding-bottom: 2px;
    padding-top: 2px;
		margin-top: 5px;
		margin-bottom: 5px;
		background-color:#FFFFFF;
}
.contenidorDretaBody
{
		background-position:center bottom;
		/*background-image:url(ftcat06/info1_body.gif);*/
}
.contenidorDretaHead
{
		/*background-image:url(ftcat06/info1_head.gif);*/
		height:20px;
}

.contenidorDretaHead h2
{
/*	padding-top: 2px;*/
	padding-left: 10px;
	font-size:0px;
	color:#FFFFFF;
}

.contenidorEsquerra
{
    padding-bottom: 2px;
    padding-top: 2px;
		margin-top: 5px;
		margin-bottom: 5px;
}
.contenidorEsquerraBody
{
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
		background-position:center bottom;
		background-image:url(ftcat06/info1_body.gif);
}
.contenidorEsquerraBody P
{

}
.contenidorEsquerraHead
{
		background-image:url(ftcat06/info1_head.gif);
		height:20px;
}
.contenidorEsquerraHead H2
{
    MARGIN-TOP: 7px;
    FONT-SIZE: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 5px;
    COLOR: white
}

.menuSuperiorStyle
{
	padding-right: 5px;
	font-size: 11px;
}
.menuSuperiorData
{
	/*font-size: 11px;*/
}
/***********************************************/
/* PHPLM 																			 */
/***********************************************/
.contenidorEsquerraBody table{
	padding-top:0px;
	margin-top:0px;
	padding-left:15px;
}
.menudivhorizontal{
width:100%;
padding-left:0px;
/*font-size:10px;*/
}
.menudivhorizontal a:hover{
color:#FFFFFF
}
.menudivhorizontal a:active{
color:#FFFFFF
}
.menudivhorizontal a:link{
color:#FFFFFF
}
.menudivhorizontal a:visited{
color:#FFFFFF
}

.menudivhorizontal td{
	margin-top:0px;
	padding-top:0px;
	padding-left:40px;
	text-align:left;
	/*font-size:12px;*/
}

.treemenudiv	{
	display: block;
	white-space: nowrap;
}
.treemenudiv_son	{
	display: block;
	white-space: nowrap;
	background-color:#CECECE; /*GRIS*/
}

.phplmnormal	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
}

.phplmimg{

}

a.phplmnormal:hover	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #fff0c0;
	text-decoration: none;
}

a.phplm:link	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	padding-left:2px;
	text-decoration: none;
}

a.phplm:visited	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	padding-left:2px;
	text-decoration: none;
}

a.phplm:hover	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	padding-left:2px;
/*	background-color: #CCCCCC;*/
	text-decoration: underline;
}

a.phplm:active	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	padding-left:2px;
	text-decoration: none;
}

a.phplmselected:link	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #dd0000;
	background-color: #ffdd76;
	text-decoration: none;
}

a.phplmselected:visited	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #dd0000;
	background-color: #ffdd76;
	text-decoration: none;
}

a.phplmselected:hover	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #841212;
	background-color: #fff0c0;
	text-decoration: none;
}

a.phplmselected:active	{
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.imgs	{
	border: 0px;
	width: 0px;
	height: 0px;
}

/***********************************************/
/* Calendari 																	 */
/***********************************************/
table.calendar {width:160px}
table.calendar td, th {text-align: center; border: 0}
table.calendar th {height: 10px; font-size: 7pt;}
table.calendar td {width: 19px; height: 10px; font-size: 9pt;}
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: green; text-align: center;}
table.calendar td.linked-day {font-weight:bold;}
table.calendar .calendar-today { color:#FF0000; font-weight:bold;}
/***********************************************/
/* Noticies 																	 */
/***********************************************/
.modulNoticies_imgSeguent{
	background-image: url(ftcat06/posterior.gif);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
	border: 0px;
}
.modulNoticies_imgAnterior{
	background-image: url(ftcat06/anterior.gif);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    border: 0px;
}
.modulNoticies_seleccio {
	text-align:right;
	padding-right:40px;
}
.modulNoticies_seleccio a{
	color:#000000;
}
.modulNoticies_seleccio a:link{
	color:#000000;
}
.modulNoticies_seleccio a:active{
	color:#000000;
}
.modulNoticies_seleccio a:visited{
	color:#000000;
}
.modulNoticies_seleccio a:hover{
	color:#000000;
}
/***********************************************/
/* Anuncis 																	 */
/***********************************************/
.modulAnuncis_seleccio {
	text-align:right;
	padding-right:40px;
}
.modulAnuncis_seleccio a{
	color:#000000;
}
.modulAnuncis_seleccio a:link{
	color:#000000;
}
.modulAnuncis_seleccio a:active{
	color:#000000;
}
.modulAnuncis_seleccio a:visited{
	color:#000000;
}
.modulAnuncis_seleccio a:hover{
	color:#000000;
}

/*Modul Ofertes de treball*/
.table_oferta{

	border-bottom-color:#990000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-top-color:#990000;
	border-top-style:solid;
	border-top-width:2px;
	border-left-color:#990000;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:#990000;
	border-right-style:solid;
	border-right-width:2px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.titol_oferta{
	font-weight:bold;
	color:#FFFFFF;
	background-color:#990000;
}
.par_oferta{
	background-color:#FFCCCC;

}
.impar_oferta{
	background-color:#FFFFFF;

}
.table_oferta td
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#990000;
	padding: 3px;
}
.e_oferta a:link, .e_oferta a:visited{
	font-weight:bold;
	color:#0099CC;
	text-decoration:none;
}
.e_oferta a:hover{
	font-weight:bold;
	color:#000099;
	text-decoration:underline;
}
.contacte_oferta{
	font-size:10px;
	color:#333333;
}
.titol_oferta a:link, .titol_oferta a:visited
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
.titol_oferta a:hover
{
	font-weight:bold;
	color:#999999;
	text-decoration:underline;
}