/* SCI CSS Document */

body {
	font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#333;
	background:#FFF;
	margin:0px;
	padding:0px;
}
#mare {
	background: url(../img/ombra.jpg) center repeat-y;
	margin:20px auto 0 auto;
	padding:0px;
	width:774px;
	height:auto;
}
ul {
	margin:5px 0px 0px 8px;
	padding:0px;
}
li{
	list-style:none;
	padding:0px 0px 3px 14px;
	margin:0px 7px;
	background:transparent url(../img/bullet.gif) no-repeat 0 0.30em;
}
p {
	margin:5px 0;
	padding:0;
	text-align:justify;
}
#mare br {		/*només ho agafa firefox...*/
	margin:0;
	padding:0;
}
a {
	text-decoration:underline;
	color:#990000;
}
a:hover {
	text-decoration: underline;
	color:#990000;
}
/*
#mare a {
	text-decoration:underline;
	color:#990000;
}
#mare a:hover {
	text-decoration: underline;
	color:#990000;
}
*/
#mare h3 {
	font:bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#03612E;
	background:#FFF;
	margin:15px 0 0 0;
	padding:0;
}
#mare img {
	/*margin:0;*/
	padding:0;
}
/*
----------------------------------------------------------------------------- 
TOP
-----------------------------------------------------------------------------
*/
#top {
	background:url(../img/top.jpg) center no-repeat;
	margin:0 auto;
	padding:0;
	width:760px;
	height:122px;
}
#top h2{
	margin:0px;
	padding:0px;
}
#top h2 a {
	position:relative;
	display:block;
	width:110px;
	height:100px;
	text-decoration:none;
	top:14px;
	left:10px;
}
#top h2 a:hover {
	text-decoration:none;
}
#top h2 span {
	display:none;
}
.login {
	width:300px;
	padding:3px 0 3px 10px;
	font-size:10px;
	float:right;
	color:#FFFFFF;
	margin-top:5px;
	background-color:#333;
}
.login input {
	margin:4px;
	font-size:10px;
	height:13px;
	float:left;
	width:75px;
	border:none;
}
.login label {
	float:left;
	display:block;
	margin:2px;
}
#login_enter {
	background:url(../img/login_enter.gif) no-repeat 0 0;
	width:17px;
	border:none;
	float:left;
	display:block;
	cursor:pointer;
}
/*
----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------
*/
#menu {
	margin:0 auto;
	padding:0px;
	width:760px;
	height: 30px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	background: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu li a.boto1{
	float:left;
	width:100px;
	height:30px;
	background: url(../img/menu_societat.gif);
	background-position:0 0;
}
#menu li a:hover.boto1{
	float:left;
	width:100px;
	height:30px;
	background: url(../img/menu_societat.gif);
	background-position:0 -30px;
}
#menu li a.boto2{
	cursor:default;
	float:left;
	width:119px;
	height:30px;
	background: url(../img/menu_grups.gif);
	background-position:0 0;
}
#menu li a:hover.boto2{
	cursor:default;
	float:left;
	width:119px;
	height:30px;
	background: url(../img/menu_grups.gif);
	background-position:0 -30px;
}
#menu li a.boto3{
	float:left;
	width:76px;
	height:30px;
	background: url(../img/menu_noticies.gif);
	background-position:0 0;
}
#menu li a:hover.boto3{
	float:left;
	width:76px;
	height:30px;
	background: url(../img/menu_noticies.gif);
	background-position:0 -30px;
}
#menu li a.boto4{
	float:left;
	width:70px;
	height:30px;
	background: url(../img/menu_agenda.gif);
	background-position:0 0;
}
#menu li a:hover.boto4{
	float:left;
	width:70px;
	height:30px;
	background: url(../img/menu_agenda.gif);
	background-position:0 -30px;
}
#menu li a.boto5{
	float:left;
	width:74px;
	height:30px;
	background: url(../img/menu_congres.gif);
	background-position:0 0;
}
#menu li a:hover.boto5{
	float:left;
	width:74px;
	height:30px;
	background: url(../img/menu_congres.gif);
	background-position:0 -30px;
}
#menu li a.boto6{
	float:left;
	width:60px;
	height:30px;
	background: url(../img/menu_links.gif);
	background-position:0 0;
}
#menu li a:hover.boto6{
	float:left;
	width:60px;
	height:30px;
	background: url(../img/menu_links.gif);
	background-position:0 -30px;
}
#menu li a.boto7{
	float:left;
	width:147px;
	height:30px;
	background: url(../img/menu_ambits.gif);
	background-position:0 0;
}
#menu li a:hover.boto7{
	float:left;
	width:147px;
	height:30px;
	background: url(../img/menu_ambits.gif);
	background-position:0 -30px;
}
#menu li a.boto8{
	float:left;
	width:114px;
	height:30px;
	background: url(../img/menu_contacte.gif);
	background-position:0 0;
}
#menu li a:hover.boto8{
	float:left;
	width:114px;
	height:30px;
	background: url(../img/menu_contacte.gif);
	background-position:0 -30px;
}
#menu span{
	display:none;
}
/*
----------------------------------------------------------------------------- 
CONTINGUT
-----------------------------------------------------------------------------
*/
#contingut {
	margin:0 auto 0px auto;	/* Aquest bottom-margin (42px) l'agafa només explorer */
	padding:0;
	width:760px;
	min-height:200px;
}
*html #contingut {
	height:200px;
}
#contingut_dreta {
	font:10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:#F3F3F3;
	margin:20px 10px 40px 5px;	
	padding:10px 7px 10px 12px;
	float:right;
	width:160px;
	min-height: 310px;
}
*html #contingut_dreta {
	margin:20px 5px 0px 0;	
	padding:10px 7px 7px 12px;
}
#contingut_dreta p {
	padding: 3px 0 5px 0;
	line-height:12px;
	text-align:left;
	border-bottom: #888 dashed 1px;
	margin: 0;
}
#contingut_dreta a {
	text-decoration: none;
}
#contingut_dreta a:hover {
	text-decoration:underline;
}
#banners {
	margin:0;
	padding:0;
	text-align:center;
}
#banners img {
	margin:0 1px 9px 0px;
	padding:0;
	border:none;
}
#contingut_esquerra {
	margin:30px 0 40px 22px;
	padding:0;
	float:left;
	width:525px;
	height:auto;
}
*html #contingut_esquerra {
	margin:30px 0 0px 12px;
}
#linia_punts {
	background:url(../img/linia_punts.gif) center repeat-x;
	width:400px;
	height:2px;
}
.titol_noticia {
	font: bold 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#03612E;
	text-decoration: none
}
.titol_font {
	font-weight:bold;
	color:#03612E;
}
.titol_mes_info {
	color:#03612E;
}
.marge_banner {
	margin:0 0 0 10px;
	padding:0;
}
.text_gran {	
	font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.proposa {
	clear:right;
	display:block;
	float:right;
	background:url(../img/comentar.gif) no-repeat right 0;
	padding-right:25px;
}
#form_feina div {
	clear:left;
	width:400px;
	margin:5px 0 0;
	padding:1px 3px;
}
#form_feina div {
	clear:left;
	width:400px;
	margin:5px 0 0;
	padding:1px 3px;
}
#form_feina div label {
	display: block;
 	float: left;
	width: 130px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: left;
}
.radio_feina {
	width:15px;
	margin:0px 5px;
	vertical-align:middle;
	border:none;
}
.boto_feina {
	width:60px;
	height:17px;
    background-color:#03612E;
    border:1px solid #03612E;
	color: #FFFFFF;
	margin: 20px 0px 0px 140px;
}
#patrocinador {
	font-size:12px;

}
.marc_resaltat {
	background-color:#eee;
	border:#000000 1px solid;
	padding:10px;
	margin:10px 0px;
}
.idioma_cast {
	clear:right;
	display:block;
	float:right;
	background:url(../img/bandera_esp.gif) no-repeat right;
	padding-right:25px;
}
.idioma_cat {
 	clear:right;
	display:block;
	float:right;
	background:url(../img/bandera_cat.gif) no-repeat right;
	padding-right:25px;
}
.banderes {
	 clear:left;
	vertical-align:baseline;
	margin-bottom:5px;
}
/*
----------------------------------------------------------------------------- 
PEU
-----------------------------------------------------------------------------
*/
#peu {
	font:10px "Trebuchet MS";
	clear:both;
	margin:40px auto 0 auto;
	padding:0;
	width:760px;
	text-align:center;
	word-spacing:1.7px;	
	line-height: normal;
}
*html #peu {	
	word-spacing:1.9px;	
	line-height:10px;
}
#ombra_peu {
	background:url(../img/ombra_peu.jpg) bottom no-repeat;
	width:774px;
	height:15px;
	margin:0;
	padding:0;
}
#link_gris a {
	text-decoration:none;
	color:#333;
}
#link_gris a:hover {
	text-decoration:none;
	color:#666;
}
/*
----------------------------------------------------------------------------- 
AGENDA
-----------------------------------------------------------------------------
*/
.nom_mes {
	font: 12px Tahoma bold;
	color:#FFF;
}
.nom_dia_link {
	font: 11px Tahoma;
	color: #990000;
}
.nom_dia_actual {
	font: 11px Tahoma;
	background:#03612E;
	color:#FFF;
}
#taulaAgenda table {
	border-collapse: collapse;
}
#taulaAgenda td {
	border: #888 solid 1px;
	padding: 2px; 
}
.tit_taulaAgenda {
	font: 11px Tahoma;
	color: #05A04B;
}

/*
----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------
*/
input{
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #03612E;
	margin:0px;
	padding:0px;
	width: 240px;	
	height: 16px;
}
textarea {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #03612E;
	margin:0px;
	padding:0px;
	width: 190px;	
	height: 80px;
}
.textverd {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #03612E;
}
.boto {
    width:60px; 
	height:17px;
    background-color:#03612E;
    border:1px solid #03612E;
	color: #FFFFFF
}
#boto_proposta {
	width:100px;
}
.textgris {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.textpetit {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

/*
----------------------------------------------------------------------------- 
FORMULARI INSCRIPCIO
-----------------------------------------------------------------------------
*/

#formulari input, #formulari2 input{
	width:auto;
	}
#formulari label {
	float:left;
	width:190px;
}
#formulari2 label {
	float:left;
	width:190px;
}
#formulari ul li, #formulari2 ul li {
	clear:left;
}
#formulari ol li, #formulari2 ol li {
	padding:0px 0px 3px 4px;
	margin:0px 7px;
	list-style:decimal;
}
nobullet {
	background:none;
}
.radio {
	border: 0pt;
	margin:2px;
	padding:0px 0px 0px 0px;
	height: 12px;
	vertical-align:middle;
}
.caixa_form {
	border:1px #000000 solid;
	padding-bottom:10px;
}
.caixa_form_header {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:20px;
}
#subform {
	width:500px;
	margin:10px auto 0px auto;
}
#avis_legal {
	width:494px;
	margin:0px auto 10px auto;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
	padding:4px;
}
.resum {
	width:400px;
}

/*
----------------------------------------------------------------------------- 
INTRANET
-----------------------------------------------------------------------------
*/
#caixa_intranet {
	margin:55px auto 10px auto;
	padding:2px;
	background-color:#D2D2D2;
	height:90px;
	width:240px;
}
#caixa_intranet input{
	width:auto;
	margin:1px;
}
#submit {
	width:70px;
	margin:1px;
}
#caixa_intranet label {
	width:70px;
	float:left;
	padding:1px;
}
#caixa_intranet form {
	margin:10px 2px 2px 2px;
}
#caixa_intranet label span {
	width:60px;
	display:table-row;
}
#dhtmltooltip{
	
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background:#FFFFFF;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip p {
	margin:8px 6px 0px 6px;
	text-align:left;
}
#capa_top {
	background:transparent url(../img/capa_sombra_superior2.gif) no-repeat 0px 0px;
	height:23px;
	width:251px;
}
#capa_esquerra{
	background:transparent url(../img/capa_sombra_esquerra2.gif) repeat-y -1px 0px;
	width:4px;
	height:218px;
	float:left;
}
#capa_dreta {
	background:transparent url(../img/capa_sombra_dreta2.gif) repeat-y 0px 0px;
	width:4px;
	height:178px;
	float:right;
}
#capa_sota {
	background: transparent url(../img/capa_sombra_sota2.gif) no-repeat 0px 0px;
	width:251px;
	height:11px;
	bottom:0px;
}
.vermell {
	color:#990000;

}
.vermell_resaltat {
	font-size:14px;
	font-weight:bold;
	color:#990000;
}
.boto_excel {
	background-color:#FFFFFF;
	border: 0pt;
	width:130px;
	background: url(../img/logo_excel.gif) no-repeat left 0px;
	text-indent:40px;
	text-decoration:underline;
}
#labclinics {
	margin:0px 10px 10px 0px;
	float:right;
	width:200px;
	clear:both;
}
#labclinics img {
	margin:5px 0px 0px 0px;
	border:none;
}
.imatge_noticia {
	float:left;
	margin:5px 10px 10px 0px;
}

.fil_ariadna {
	display:block;
	margin:0px 0px 20px 0px;
	color:#03612e;
	float:right;
}
.fil_ariadna a {
	color:#03612e;
}