/* Reset ---------------------------------------- */
*{
	margin: 0;
	padding: 0;
}
hr,
.access{
	display: none;
}
fieldset,
a img{
	border:0;
}
li{
	list-style: none;
}
h1, h3, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
}
input, select, textarea, button{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* General Styles
--------------------------------------------------------- */
body{
	font: normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
a{
	outline:0;
	color: #000;
	text-decoration:none;
}
a:hover{
	color: #00a2a2;
}

BODY {
	/*
	background:url("../images/body.gif") repeat-x scroll 0 0 #FFFFFF;
	*/
	border-top:2px solid #008686;
	color:#4CAAAA;
	font:87.5% Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	/*text-align:center;*/
}

/* Buttons animated with JQuery */
.fancyButton {
	padding: 4px 10px 3px 25px;
	border: solid 1px #8AB134;
	position: relative;
	cursor: pointer;
	display: inline-block;
	background-image: url( '../images/bkg.png' );
	background-repeat: repeat-x;
	font-size: 11px;
	height: 16px;
	text-decoration: none;
	color: #40740D;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.fancyButton a {
	/*
	_top:4px;
	_left: 16px;
	*/	
}
.fancyButton img {
	position: absolute;
	top: -4px;
	left: -12px;
	border: none;
}
.fancyButton:hover {
	color: #8AB134;
}

/* TSI RESULTS */
.txt_bold {
	font-weight:bold;
}
.font_error_bold {
	color:#FF0000;	
	font-weight:bold;
}
.font_success {
	color:#098309;
}
.print_result {
	float:right;
	margin-top:5px;
}

a.buttonLink {
	background-color:#DFDFDF; 
	padding-bottom:6px; 
	padding-top:6px;
	padding-right:6px;
	padding-left:6px;
	border: 1px solid #AFAFAF; 
	font-weight: bold;	
	color: #4CAAAA;
}
a.buttonLink:hover {
	background-color:#BFBFBF; 	
}

div#greeting {
	margin: 0 auto;
	/* text-align: center; */
	margin-top: 20px;
	/* background-color: #A8CECF; */
	/* width: 700px; */	
	font-size: 1.2em;
	font-weight: bold;
}
div#recordatori {	
	width: 90%;	
}
#footer {
	border-bottom:1px solid #99C9D3;
	clear:both;
	color:#706F6E;
	margin:5em auto 0;
	padding-bottom:1px;
	position:relative;
	/*width:957px;*/
	z-index:1;
}

#footer p {
	font-size:1.1em;
}

#footer strong#provincia, #footer span {
	color:#008686;
}

a.header {	
	/*overflow: hidden;*/
	background-image: url('../images/LOGO_COFB_HORITZONTAL.png');
	height: 120px;
	width: 100%;
	display: block;
	text-indent: -9000px;
	background-position: center top;
	background-repeat: no-repeat;
}
#help {
	float: right;
	width: 200px;	
}
div.helpContent {
		
}

div.textCentered {
	text-align: center;	
}
div.info {
	/*
	background-image: url(../images/settingsalt.png);
	*/
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 50px;
    min-height: 150px;
    _height: 150px;
}
/* Privacy
--------------------------------------------------------- */
div.content {
	/*
    background-color: #e6f4f3;
    */
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    padding: 12px 10px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    /*width: 957px;*/
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    /*float: left;*/
}
div.content h3{
    font-size: 1.4em;
    color: #008e8c;
    font-weight: bold;
    margin-bottom: 5px;
}
div.content p{
    font-size: 1.2em;
    color: #000;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 4px;
}

div.peu {
    font-size: 0.8em;
    color: #000;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 4px;
}

/* Buttons */
p.buttons{
    text-align: left;
    clear: both;
    z-index: 99;
}
a.button{
	cursor: pointer;
	border: 0;
	background: none;
	overflow:visible;
}
a.button{
    text-decoration: none;
	cursor: pointer;
    /*float: right;*/
}
a.button span,
a.button strong{
    background-image: url(../images/form-button-ongreen.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
}
a.button span{
    padding:  0 20px 0 0;
    background-position: 100% 0;
    width: 250px;
    _width: 280px;
}
a.button strong{
    text-align: center;
    padding: 1px 0 6px 10px;
    font-size: 1.1em;
    line-height: 39px;
    height: 39px;
    color: #fff;
    /*
    text-transform: uppercase;
    */
    width: 240px;
    _width: 270px;
}
a.button:focus span,
a.button:hover span{
    background-position: 100% -100px;
}
a.button:focus strong,
a.button:hover strong{
    background-position: 0 -100px;
}
/* Form errors
--------------------------------------------------------- */
div.form-error {
    background: #fff3f4 url(../images/ico-form-error.png) 10px 6px no-repeat;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    padding: 5px 5px 5px 50px;
    min-height: 20px;
    margin-bottom: 10px;
    margin: 0 auto;
    margin-top: 20px;
    color: #f00;
    width: 957px;
    /*behavior: url(/portletdadespersonals/html/portlet/css/PIE.htc);*/
}
div.form-error h3{
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: .1em;
}
div.form-error p{
    font-size: 1.3em;
}
div.form-error b{
    color: #000;
    font-weight: normal;
}
/* Form OK
--------------------------------------------------------- */
div.form-ok {
    background: #006c72 url(../images/form-ok.png) 0 0 repeat-x;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    padding: 10px;
    color: #fff;
    margin: 20px;
    min-height: 102px;
    box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    -khtml-box-shadow: 0 0 10px #999;
    /*behavior: url(/portletdadespersonals/html/portlet/css/PIE.htc);*/
}
div.form-ok h3,
div.form-ok p{
    font-size: 1.7em;
    padding-left: 40px;
    height: 37px;
}
div.form-ok h3{
    text-transform: uppercase;
    background: url(../images/ico-form-ok.png) 0 0 no-repeat;
    padding-top: 2px;
    color: #FFFFFF;
}
/*
 Taula Resultats
 */
 table.taulaResultats {
 	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em; 	
 }
 table.taulaResultats THEAD TH {
 	background-color: #E6F4F3;
 	border:1px solid #D6E4E3;
 	padding: 4px;
 }
 table.taulaResultats THEAD TH.order1 {
 	background: url(../images/arrow_down.gif) no-repeat left center;
 	padding-left: 14px;
 }
 table.taulaResultats THEAD TH.order2 {
 	background: url(../images/arrow_top.gif) no-repeat left center;
 	padding-left: 14px;
 }
 table.taulaResultats TBODY TR.odd {
 	background-color: #EAF6F6;
 }
 table.taulaResultats TBODY TR.even {
 	background-color: #EFFCFC;
 }
 table.taulaResultats TBODY TD {
 	border:1px solid #D6E4E3;
 	padding: 4px;
 }
 /* Table apps */
 TABLE.apps {
 	font-size: 1.1em;
 	background-color: #EFEFEF;
 }
 TABLE.apps THEAD TH {
 	text-align:center;
 	background-color: #CFCFCF;
 }
 TABLE.apps TBODY TD {
 }
 TABLE.apps TBODY TD.label {
 	background-color: #DFDFDF;
 }
 TABLE.apps TBODY TD.field {
 	background-color: #EFEFEF;
 }
 TABLE.apps TBODY TD.field INPUT{
 	border:1px solid #CFCFCF;
 	font-size: 1.1em;
 	color: #000000;
 }