body 
{
	font-family:	Arial, Verdana, Geneva, Helvetica, sans-serif;

	text-decoration: none;
	background-color:	#EEEEEE;
	height: 100%;
	
	line-height: 1.4;
	font-family: Helvetica, Sans-Serif;
    font-size: 0.95em;	
	    

}

html {
    height: 100%;
}

a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}

table {

	line-height: 1.4;
	font-family: Helvetica, Sans-Serif;
    font-size: 0.95em;		
}

textarea {

	font-family:	Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:	12px;
	font-weight: 100;
}

.boto
{
    margin-top: 10px;
    background-repeat: repeat-x;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    text-shadow: 1px 1px #666;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../imatges/bkgnd-boto-gris.png);
    border: solid 1px #a2a2a2;
    padding: 0 26px;
	-webkit-appearance: button;
    cursor: pointer;    
}

/* CAPÇALERA */

.capcalera
{
	background-color:	#D0D5DE;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);	
}

.titol_aplicacio {

	text-align:center;
	vertical-align:middle;

	height:40px;
	
    color: #3887ee;

    padding-left: 28px;
    font-size: 28px;	
    font-weight:bold;

}


.subtitol {
    color: #3887ee;
    margin: 10px 0;
    font-size: 1.5em;
    font-weight: bold;
}

/* PEU */
.peu 
{
    background-color: #4D95F7;
    height: 75px;
    border-bottom: solid 13px #305FA3;
    color: #a9d1f6;
    font-size: 9px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   
}

.peu div {
    padding-top: 23px;
    padding-left: 19px;
    
}


.peu img {
    float: right;
    padding-top: 9px;
    padding-right: 18px;
}

.peu span.first {
    padding-right: 0;
    padding-right: 40px;
}

.peu span {
    padding-left: 12px;
    padding-right: 12px;
}

.peu a {
    color: #a9d1f6;
}



/* MENUS */

.area_menus
{
	width:200px;
	vertical-align:top;
	height:100%;
	border-right:1px solid #0063a3;
}
.menu_seleccionat
{

	background-color:	#0063a3;
	text-align:left;
	vertical-align:middle;
	font-size:	14px;
	font-weight:bold;
	color:#FFFFFF;
	height:40px;
	padding-left:10px;
	cursor:pointer;
	border-bottom:1px solid #FFFFFF;
}

.menu_no_seleccionat
{

	background-color:	#EEEEEE;
	text-align:left;
	vertical-align:middle;
	font-size:	14px;
	font-weight:bold;
	color:#0A0A0A;
	height:40px;
	padding-left:10px;
	cursor:pointer;
	border-bottom:1px solid #FFFFFF;
}
.link_menu
{
	text-decoration:none;
	color:#FFFFFF;	
}

.contingut 
{
	background-color:	#FFFFFF;
	margin-left:50px;
	margin-right:50px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}


.capcalera_pagines {

	background-color:	#0063a3;
	text-align:left;
	vertical-align:middle;
	font-size:	18px;
	font-weight:bold;
	color:#FFFFFF;
	height:40px;
	padding-left:10px;
	border-bottom:1px solid #FFFFFF;

}

.capcalera_taules {

	background-color:	#0063a3;
	text-align:center;
	vertical-align:middle;
	font-size:	12px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

.titols_columnes_llistats {

	color:#606060;
	border-bottom:2px solid #606060;
	font-size:	14px;
	font-weight:bold;
}
.titols_columnes_llistats a{

	color:#606060;
}

.fila_llistats {

	cursor:pointer;
}

.fila_llistats tr:hover {

	background-color:	#BAD3F5;
	cursor:pointer;
}

/* preregistre columna esquerra */

.preregistre1
{
  background-position: bottom left;
  background-image: url('../imatges/preregistro.jpg');
  background-repeat: no-repeat;

 }

.preregistre_form
{
    background-color: #edf4dc;
    border: solid 1px #bfd391;
    padding: 33px;
    float: right;
    width: 312px;

}

.preregistre_form1
{
    background-color: #edf4dc;
    border: solid 1px #bfd391;
    padding: 33px;
    float: center;
    width: 312px;

}

/* SOBRESCRIU CSS JQUERY.UI.TABS */

.tabs
{
	height:100%;

}
.ui-tabs .ui-tabs-nav
{
	background: #FFFFFF;
	border-bottom:1px solid silver;
	
}
.ui-tabs-selected a
{
	background: #0063a3;
}
.ui-state-active a
{
	
}
.ui-state-active a, .ui-state-active a:link
{
	color:#FFFFFF;
}