@charset "utf-8";

/* RESETTING DEFAULTS
------------------------------------------------------------------------*/
/* FOOTER
------------------------------------------------------------------------*/
.vcard {margin-top:8px;}
.vcard .org {font-weight:bold;}
.vcard div {display:inline;}

#privacy {margin-top:4px;}

.separa {
background:url(/img/ico_separa.gif) no-repeat 5px 2px;
padding-left:14px;
}

/* FORMS
------------------------------------------------------------------------*/
/*Elements de formulari*/
.form {
width:606px; /*width desitjat(616)-margin left(10)*/
margin-left:10px;
}

.form p {
clear:both;
margin:0;
}

.form fieldset {
margin-bottom:15px;
border:none;
}

.form label {
clear:left;
display:block;
float:left;
width:140px;
padding:2px;
}

.field, textarea {
display:block;
float:left;
margin-bottom:10px;
padding:2px;
border:1px solid #ccc;
background:url(/img/bg_field.gif) repeat-x left bottom #fff;
font:normal 12px Arial, Helvetica, sans-serif;
}

.field {margin-right:10px;}
textarea {overflow:auto;}

.required {color:red;}

.nota_form {
font:normal 10px Verdana, Geneva, sans-serif;
color:#999;
text-align:right;
padding-right:38px;
}

/*** Botons tipus Submit ***/
.buttonBox {
clear:left;
padding-left:144px;
overflow:hidden; /*Simple Clearing of Floats*/
}

input.button {
display:block;
float:left;
width:100px;
height:20px;
margin-right:10px;
padding:1px 0 2px 0;
text-align:center;
font:normal 11px Arial, Helvetica, sans-serif;
color:#0451c3;
background-color:#f5f9fd;
border:1px solid #0451c3;
cursor:pointer;
}

input.button:hover {
color:#6897db;
background-color:#f5f9fd;
border:1px solid #6897db;
}

/*** Missatges formulari ***/
/*.msg_invisible {display:none;}

.msg_mal, .msg_ok { 
font-size:11px;
text-align:left;
}

.msg_mal {
color:red;
padding-left:20px;
background:url(/img/bullet_cross.gif) no-repeat 5px 3px ;
}

.msg_ok {
color:green;
padding-left:20px;
background:url(/img/bullet_tick.gif) no-repeat 5px 3px;
}*/

/* HEADINGS
------------------------------------------------------------------------*/
/*** Llistes ***/
#content ul, #content ol {
margin-left:30px;
margin-bottom:20px;
padding-left:0;
}

/*** Notes ***/
.nota {
font:normal 10px Verdana, Geneva, sans-serif;
color:#999;
}

/*** Altres ***/
.download_pdf {
font-size:11px;
margin-bottom:10px;
padding-top:3px;
/*border-top:1px dotted #ccc;*/
}

.download_pdf a {
padding:1px 0 3px 22px;
background:url(/img/ico_pdf.gif) no-repeat;
}



/*** Botons tipus Text ***/
.buttonTextBox {
clear:both;
margin-bottom:20px;
padding:10px 0;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
background-color:#f2f2f2;
text-align:center;
}

.buttonTextBox .buttonText {margin:0 auto;}

.buttonText {
width:260px; /*default width*/
height:40px;
margin:15px 0;
padding:1px;
font-size:18px;
font-weight:bold;
color:#fff;
line-height:39px;
border:1px solid #999;
background-color:#2e80fe;
overflow:hidden;
display:inline-block;
}

.buttonText a {
display:block;
width:100%;
height:40px;
text-align:center;
background:#2e80fe;
}

.buttonText a:link {text-decoration:none; color:#fff;}
.buttonText a:visited {text-decoration:none; color:#fff;}
.buttonText a:hover {text-decoration:blink; background:#8bb4e4;}

#calendar { position: relative; width:100%; }
/* calendar */
table.calendar		{ width:100%; position: relative; border-spacing: 3px;}
tr.calendar-row	{  }
td.calendar-day	{ min-height:40px; font-size:10px !important; position:relative; top:0px; left:0px; } 
* html div.calendar-day { height:40px; }
td.calendar-day-np	{ 
	
	min-height:40px; 
/*	border-bottom: none !important;
border-right: none !important;*/
background-color: transparent !important;
} * html div.calendar-day-np { height:40px; }
td.calendar-day-head { 
	font-weight:bold; 
	text-align:center; 
	/*width:14%; */
	padding:5px; 
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}

div.day-number		{ 
	background: none repeat scroll 0 0 #999;
    color: #FFFFFF;
		float: right;
		font-weight: bold;
		height: 22px;
		left: -2px;
		margin: 0;
		position: relative;
		text-align: center;
		top: 3px;
		width: 18px;
		padding: 4px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}
.divCalAccio { text-align:left; float:left; }

td.calendar-day, td.calendar-day-np { 
	padding:0px; 
	border:1px solid #999; 
	/*border-right:1px solid #999; */
	vertical-align: top; 
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}

#calendar ul.dia li{
	border: none;
	background: #8EBAE5; 
    cursor: pointer;
    margin: 0px;
    margin-bottom:-18px;
    margin-top:5px;
    margin-left:-27px;
    /*padding: 5px;*/
    /*padding-top:14px;*/
    
	/*-moz-border-radius: 5px;*/ /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	/*border-radius: 5px;*/ /* CSS3 */
	
	list-style-type:none;
	height: 64px;
	line-height: 64px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#calendar ul.dia li.no-pot,#calendar ul.dia li.no-pot:hover{
	background: #FFFFFF; 
	color: inherit;
}

#calendar ul.dia li:hover{
	background: #3299CC;
	color:#FFF;
}

input.error_form{
	border: 1px solid red;
}


ul.dia{
	min-height:40px;
	min-width:40px;
	margin:2px;
}

div.franja{
	margin-top:16px;
}

div.franja ul li{
	border: none;
	background: #8EBAE5; 
    cursor: pointer;
    margin: 0px;
    margin-bottom:2px;
    padding: 5px;
    
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
	
	list-style-type:none;
	/*height: 22px;*/
}

div.franja ul li.no-pot,div.franja ul li.no-pot:hover{
	background: #EEE;
	cursor:default;
	color: inherit;
}

div.franja ul li:hover{
	background: #3299CC;
	color:#FFF;
}

div.franja ul li span{
	background: none repeat scroll 0 0 #999;
    color: #FFFFFF;
    /*float: left;*/
    font-weight: bold;
    /*height: 10px;*/
    left: 2px;
    margin: 0;
    margin-right:12px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 40px;
	padding: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}

.error{
	color:#F00;
}