/* SCI CSS Document */

body {
	/*font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
	line-height:17px;
	color:#333;
	background:#FFF;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
#mare {
	background: url(../img/ombra.jpg) center repeat-y;
	margin:0 auto 20px auto;
	padding:0px;
	width:774px;
	height:auto;
}
ul {
	margin:5px 0px 0px 8px;
	padding:0px;
}
.llistat li{
	list-style:none;
	padding:0px 0px 3px 14px;
	margin:0px 7px;
	background:transparent url(../img/bullet.gif) no-repeat 0 0.30em;
	text-align:justify;
}
li {
	text-align: justify;
}
p {
	margin:5px 0;
	padding:0;
	text-align:justify;
}
#mare br {		/*només ho agafa firefox...*/
	margin:0;
	padding:0;
}
#contingut_esquerra a {
	text-decoration: none;
	border-bottom: 1px dashed #990000;
	padding-bottom: 2px;
	color:#990000;
}
#contingut_esquerra a:hover {
	text-decoration: none;
	border-bottom: 1px solid #990000;
	padding-bottom: 2px;
	color:#990000;
}
/*
#mare a {
	text-decoration:underline;
	color:#990000;
}
#mare a:hover {
	text-decoration: underline;
	color:#990000;
}
*/
#mare h3 {
	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:0.8em;
	float:right;
	color:#FFFFFF;
	margin-top:5px;
	background-color:#333;
}
.login input {
	margin:4px;
	font-size:0.8em;
	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;
	background: url(../img/barra_menu.jpg) repeat-x;
}
/*Menú */

.preload2 {/*background: url(images/button4a.gif);*/}
.menu2 {	
	padding:0; 
	margin:0; 
	margin-bottom:0; 
	list-style:none; 
	height:30px; 
	position:relative; 
}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:30px; 
	margin-left:3px; 
	line-height:25px; 
	color:#fff; 
	text-decoration:none; 
	
	font-weight:bold; 
	padding:0 0 0 5px; 
	cursor:pointer;
	width: auto;
	border-right: 1px solid #06a256;
	text-align:center;
}
.menu2 li a.top_link span {float:left; display:block; padding:3px 10px 0 3px; height:25px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:3px 10px 0 3px; height:25px;}
.menu2 li a.top_link:hover {color:#fff; background-color:#035f2d;  /*background:url(images/button4a.gif);*/}
.menu2 li a.top_link:hover span { /*background:url(images/button4a.gif);*/}
.menu2 li a.top_link:hover span.down { /*background:url(images/button4a.gif);*/}
.menu2 li:hover > a.top_link {color:#fff; /*background:url(images/button4a.gif);*/}
.menu2 li:hover > a.top_link span {/*background:url(images/button4a.gif);*/}
.menu2 li:hover > a.top_link span.down {/*background:url(images/button4a.gif);*/}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu2 :hover ul.sub {
	left:6px; 
	top:30px; 
	background: #05803f;
	padding:0; 
	width:auto; 
	height:auto; 
	font-weight:normal;
}
.menu2 :hover ul.sub li {
	display:block; 
	position:relative; 
	float:left; 
	width:140px; 
	height:35px; 
	border-bottom:1px solid #fff; 
	border-left:1px solid #05803f; 
	border-right:1px solid #05803f; 
	margin-bottom:0;
}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:12px; padding:10px 3px; line-height:1; color:#fff; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#05803f  url(../images/vineta_menu.jpg) no-repeat right;}
.menu2 :hover ul.sub li a:hover {background:#035f2d; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#05803f url(../images/vineta_menu2.jpg) no-repeat right;}
.menu2 :hover ul li:hover > a.fly {background:#05803f} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:160px; 
	top:-1px; 
	background: #fff; 
	padding:0; 
	width:auto; 
	z-index:300; 
	height:auto;
}
.menu2 :hover ul.sub li ul {
	border-top:1px solid #005FB9; 
	background: #fff; 
	z-index:300;
}

/*Fi menú*/
/*
----------------------------------------------------------------------------- 
CONTINGUT
-----------------------------------------------------------------------------
*/
#contingut {
	margin:0px auto 0px auto;	/* Aquest bottom-margin (42px) l'agafa només explorer */
	padding:0;
	width:760px;
	/*min-height:200px;*/
	overflow:hidden;
}
/**html #contingut {
	height:200px;
}*/
#contingut p {
	text-align: justify;
}
#contingut .titolpage{
	font-size:1.8em;
	font-weight:bold;
	color:#03612e;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}
#contingut_dreta {
	background:#FFFFFF;
	border-left: 2px solid #D4D0C8;
	margin:10px 0px 0px 5px;	
	padding:10px 5px 10px 5px;
	float:right;
	width:200px;
	
}
*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:20px 0 10px 22px;
	padding:0;
	float:left;
	width:500px;
	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-size:1.4em;
	font-weight:bold;
	color:#03612E;
	text-decoration: none;
	margin-bottom: 10px;
}
.titol_font {
	font-weight:bold;
	color:#03612E;
}
.titol_mes_info {
	color:#03612E;
}
.marge_banner {
	margin:0 0 0 10px;
	padding:0;
}
.text_gran {	
	font-size:1.2em;
}
.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 {


}
.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-size:0.8em;
	clear:both;
	margin:10px auto 20px 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-weight:bold;
	color:#FFF;
}
.nom_dia_link {

	font-size:0.9em;
	color: #990000;
}
.nom_dia_actual {
	font-size:0.9em;
	background:#03612E;
	color:#FFF;
}
#taulaAgenda table {
	border-collapse: collapse;
}
#taulaAgenda td {
	border: #888 solid 1px;
	padding: 2px; 
}
.tit_taulaAgenda {
	font-size:0.9em;
	color: #05A04B;
}

/*
----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------
*/
input{
	font-size:0.9em;
	border: 1px solid #03612E;
	margin:0px;
	padding:0px;
	width: 240px;	
	height: 16px;
}
textarea {
	font-size:0.9em;
	border: 1px solid #03612E;
	margin:0px;
	padding:0px;
	width: 190px;	
	height: 80px;
}
.textverd {
	font-size:0.9em;
	color: #03612E;
}
.boto {
    width:60px; 
	height:17px;
    background-color:#03612E;
    border:1px solid #03612E;
	color: #FFFFFF
}
#boto_proposta {
	width:100px;
}
.textgris {
	font-size:0.9em;
	font-weight:bold;
	color: #333;
}
.textpetit {
	font-size:0.9em;
	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:0.9em;
	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:1.2em;
	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;
}

 #tjuntes{
	margin-left: 50px;
}
#tjuntes td{
	height: 25px;
	border-bottom: 1px dashed #CCCCCC;
}