body 
{
    font-family: Arial, Helvetica;
    font-size: medium;
    color: #666666;
    padding-top: 0px;
    margin-top: 5px;
}

div#PaginaCentrada 
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;    
}

div#ContingutAplicacio 
{    
    width: 960px;
}

div.FormulariS
{
    border: solid 1px #BBBBBB;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;    
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    margin-bottom: 50px;
}

div.FormulariM
{
    border: solid 1px #BBBBBB;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;    
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
}

div.FormulariXL
{
    border: solid 1px #BBBBBB;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;    
    margin-left: 20px;
    margin-right: 20px; 
    margin-bottom: 25px;
    margin-top: 20px;   
}

div.FormulariXXL
{
    border: solid 1px #BBBBBB;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;    
    margin-left: 0px;
    margin-right: 0px; 
    margin-bottom: 15px;
    margin-top: 5px;
}

tr.Camp, div.Camp
{   
	margin-bottom: 15px;	
}

td.EtiquetaCamp
{
	padding-top: 8px;
	padding-bottom: 8px;
    width: 200px;
    text-align: right;
    padding-right: 10px; 
}

td.InputCamp
{
    text-align: left;
    vertical-align: middle;
}

td.ButtonCamp, div.ButtonCamp
{
	padding-top: 30px;
}

div.ButtonCampCentre
{
	width: 240px;
	margin-left: auto;
	margin-right: auto;
}

td.ErrorCamp
{
    padding-left: 5px;
    vertical-align: middle;
}

table.SectorsCamp
{
	width: 510px;
}

td.RadioSectorsCamp
{
	vertical-align: top;
}

td.LabelSectorsCamp
{
	padding-left: 5px;	
	padding-bottom: 8px;
	width: 400px;
}

td.InputSectorsCamp
{
	padding-top: 10px;	
}

td.EtiquetaCampSectors
{
    width: 200px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 10px;
}

img.EtiquetaCampImatgeObligatori
{
    
}

td.EtiquetaCampImatgeObligatoriSectors
{
	vertical-align: top;  
	padding-top: 10px;
}

div.EtiquetaError, span.EtiquetaError
{
    color: #ED1B2D;
}

h1 
{
    padding-bottom: 15px;
}

input.Mail
{
    border: solid 1px #BBBBBB;
    font-size: medium;
    color: #666666;
    padding: 3px;
}

input.ImageButtonCenter
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.WebpartZoneLeft
{
	width: 448px;
	float: left;	
}

div.WebpartZoneRight
{
	width: 448px;
	float: left;
}

div.Webpart 
{	
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #DDDDDD;
	margin-bottom: 14px;
	margin-left: 7px;
	margin-right: 7px;	
}

div.WebpartTitol
{
	background-position: repeat-x;	
	background-image: url('/Imatges/FonsWebpartTitol.png');	
	border-bottom: solid 1px #DDDDDD;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 7px;
}


span.WebpartTitol
{	
	font-weight: bold;
}

div.WebpartContent
{
	padding: 5px;
}

div.WebpartKPI
{
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 9pt;
}

a.KPITitle, a.KPITitle:link, a.KPITitle:visited, a.KPITitle:hover
{
	color: #666666;
}

td.KPIGrafica
{
	width: 220px;
}

div.KPIIndicatorBackground
{
	width: 122px;	
	float: left;
	background-color: #CCE4EE;
}

div.KPI3Estadi0 {width:  02px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI3Estadi1 {width:  60px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI3Estadi2 {width:	122px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}

div.KPI4Estadi0 {width:  02px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI4Estadi1 {width:  40px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI4Estadi2 {width:	80px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI4Estadi3 {width:	122px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}

div.KPI5Estadi0 {width:  02px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI5Estadi1 {width:  30px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI5Estadi2 {width:	60px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI5Estadi3 {width:	90px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI5Estadi4 {width:	122px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}

div.KPI6Estadi0 {width:  02px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI6Estadi1 {width:  24px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI6Estadi2 {width:	48px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI6Estadi3 {width:  72px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI6Estadi4 {width:  96px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI6Estadi5 {width: 122px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}

div.KPI7Estadi0 {width:  02px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI7Estadi1 {width:  20px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI7Estadi2 {width:	40px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI7Estadi3 {width:  60px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI7Estadi4 {width:  80px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI7Estadi5 {width: 100px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}
div.KPI7Estadi6 {width: 122px; height: 12px; background-repeat: repeat-x; background: url('/imatges/BarraProgres.png'); float: left;	}



div.KPIEstadiTitol
{
	float: left; 
	font-size: x-small; 
	padding-left: 5px; 
	font-size: 8pt;
}

td.TitolKPI
{
	width: 140px;
}

td.TitolKPIHeader1
{
	width: 110px;
}

td.TitolKPIHeader3
{
	padding-left: 50px;
}

table.KPI
{
	font-weight: normal;
	margin-left: 5px;		
}

table.KPIHeader
{
	font-weight: bold;
	font-size: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;		
}

table.KPIFooter
{
	font-weight: bold;
	font-size: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;		
}

table.KPISeleccionat
{
	font-weight: bold;
	padding-left: 0px;
	border: solid 1px #DDDDDD;
	margin-left: 5px;
	margin-right: 5px;
}

div#Peu
{
	padding-left: 10px;
	padding-right: 10px;
}

div.LogoPeuLeft
{
	float:left;
	font-size: x-small;
	font-weight: bold;	
}

div.LogoPeuLeft div
{
	padding-bottom: 5px;
}

div.LogoPeuRight
{
	float:right;
	margin-left:30px;
}

div.LogoPeuLeft div
{
	margin-bottom: 4px;
}

td.LletraPetita
{
	font-size: 8pt;
	padding-top: 20pt;
	text-align: justify;
}

td.LletraPetita ol
{
	list-style-type: lower-roman;
}

td.LletraPetita ol li
{
	margin-bottom: 5px;
}