/* CSS Document */

.fondoDoc h1{
	padding-bottom:10px;
}

/* Buscar Ayuda */
.buscarAyuda{
	float:right;
	padding:6px 5px 0 0;
}
.buscarAyuda label.descripc{
	font-size:0.9em;
	color:#006583;
	padding:0 5px 0 0;
}
.buscarAyuda input{
	width:145px;
	font-size:10px;
	line-height:12px;
	color:#006583;
	border:none;
	background:#e5eff2;
	margin:0 6px 0 0;
}

.buscarAyuda .boto{ margin-left:3px;}
.buscarAyuda .boto,
.opcionsMostrar .boto{
	background:url(../img/boton.gif) no-repeat left top;
	border:0px;
	padding:0px;
	width:63px;
	height:18px;
	cursor:pointer;
	color:#006583;
}

/* llistes seleeccionar opcions per mostrar imatges */	
.opcionsMostrar{
	width:656px;
	height:21px;
}
.opcionsMostrar label.descripc{
	font-size:0.9em;
	color:#006583;
	padding:0 5px 0 0;
}
.opcionsMostrar select{
	width:123px;
	font-size:10px;
	line-height:12px;
	color:#006583;
	border:none;
	background:#e5eff2;
	margin:0 6px 0 0;
}
.opcionsMostrar span.select {
	position: absolute;
	width:103px;
	height: 15px;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#006583;
	background:#fff url(../img/select.gif) left top no-repeat;
	margin:0 6px 0 0;
	padding: 1px 10px 0;
	overflow: hidden;
}
.llarg span.select, span.select2 {
	width:127px;
	background:#fff url(../img/select2.gif) left top no-repeat;
}

.opcionsMostrar .col_izq{ float:left;}
.opcionsMostrar .col_dcha{ float:right;}

/*----------------------------------------------------------------------------------------------------
	Material
----------------------------------------------------------------------------------------------------*/

.material {
	clear:both;
	padding-top:11px;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	width:660px; 
}
.material{
	clear:both;
	padding-top:11px;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	width:660px;
}

.material .imatge {
	float:left;
	width:86px;
	height:77px;
	text-align:center;
	background:url(../img/modulos/valorado_bg.gif) 0px 0px;
}
.material .cos {
	float:left;
	width:396px;
}
.material .llarg{
	width:570px;
}
.material .largo{
	width:660px;
}
.material .cos h3 {
	font-size:1.1em;
}
.material .cos h3 a{
	padding:0 0 0 10px;
	font-weight:normal;
}
.material .cos h3 a:hover {
	text-decoration:underline;
}
.material .cos h4 {
	color:#006583;
	font-size:1.4em;
	font-weight:normal;
	padding:10px 0 4px 10px;
}
.material .cos h5{
	color:#787878;
	font-size:1em;
	font-weight:normal;
	padding:0px 0 14px 10px;
}
.material .cos p {
	color:#787878;
	font-size:1em;
	font-weight:normal;
	padding:0 0 0 10px;
}
.material .cos a.pdf {
	display:block;
	font-size:1.2em;
	padding:0 0 4px 35px;
	background:url(../img/iconos/ico_pdf.gif) 8px top no-repeat;
}
.material .cos a.pdf:hover {
	text-decoration:underline;
}
.material .cos a.ext {
    font-weight:normal;
    color:#787878; 
	font-size:1em;
	padding:0 0 4px 35px;
	background:url(../../rc/img/flecha_externa.gif) 8px top no-repeat;
}
.material .cos a.ext:hover {
	text-decoration:underline;
}
.material .largo a.ext {
    font-weight:normal;
    color:#006583;
	font-size:1em;
	padding:0 0 4px 5px;	 
}
.material .largo a.ext:hover {
	text-decoration:underline;
}
.material .consulta {
	float:left;
	width:173px;
	margin:0px;
	text-align:right;
}
.material .consulta a {
	font-size:10px;
	text-decoration:underline;
}
.material .cos a:hover,
.material .consulta a:hover {
	text-decoration:none;
}
.material .descpdf{
	position:absolute;
	margin-left:550px;
	z-index:400;
}
	
/* material caixa més gran */	
.mesGran .imatge{
	float:left;
	width:125px;
	height:110px;
	text-align:center;
	background:url(../img/modulos/valorado_bg.gif) 0px 0px;
}
.mesGran .cos {
	width:530px;
}
.mesGran h3 a{
	font-size:14px;
	text-decoration:underline;	
}
.mesGran h3{
	padding-top:14px;	
	padding-bottom:5px;
}
.mesGran a.pdf{
	margin-top:13px;
}
	
	
/* peu pagines */
.peuFondoDoc{
	width:660px;
	clear:both;
	font-size:0.9em;
	color:#006583;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	padding-top:15px;
}
.peuFondoDoc p {
	padding:0 0 0 6px;
	font-weight:normal;
}

.peuFondoDoc .pagines {
	float:right;
	width:250px;
	text-align:right;
	font-size:1.25em;
	padding:0 8px 0 0;
}
.peuFondoDoc .pagines a {
	margin-left:5px;
}
.peuFondoDoc .pagines a.on {
	text-decoration:underline;
	font-weight:bold;
	cursor:default;
}
/************************************************************************************
	Enllaços d'interès
*************************************************************************************/

.enllacos p {
	background:url(../img/separador_h.gif) repeat-x 0px 26px;
}
.enllac {
	height:52px;
	padding-bottom:10px;
	background:url(../img/separador_h.gif) repeat-x 0px 49px;
}
.enllac img {
	float:left;
	padding-left:2px;
}
.enllac h2 {
	padding:24px 0px 5px 10px;
	font-size:15px;
	font-weight:normal;
}
.enllac p {
	padding:0px 0px 0px 10px;
}

/************************************************************************************
	REVISTES concret
*************************************************************************************/
.seccio{
	padding:13px 0 2px;
	background:url(../img/separador_h.gif) repeat-x scroll 0 -3px;
}
.seccio h3{
	font-size:1.4em;
	line-height:1.4em;
	color:#006583;
	font-weight:normal;
}
.seccio h4{
	font-size:1em;
	color:#787878;
	font-weight:normal;
}

.caixetesMaterial{
	width:660px;
	min-height:279px;
	min-height:auto !important;
	height:279px;
	background:url(../img/separador_v.gif) repeat-y 325px 0px;
}

.caixetesMaterial .material{
	width:328px;
	height:92px;
	position:absolute;
	background:url(../img/separador_h.gif) repeat-x scroll 0 -3px;
}
.caixetesMaterial .material .cos{
	width:225px;
	padding-top:11px;
}
.caixetesMaterial .material p{
	padding-left:33px;
}

.fondoDoc .pos_1_2,
.fondoDoc .pos_2_2,
.fondoDoc .pos_3_2 {
	margin-left:337px;
	padding-left:3px;
}
.fondoDoc .pos_2_1,
.fondoDoc .pos_2_2{
	margin-top:94px;
}
.fondoDoc .pos_3_1,
.fondoDoc .pos_3_2{
	margin-top:185px;
}


/**/
.menuSub {
	height:19px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	
}
.menuSub a {
	background:#b8d4de url(../img/btn_SP.gif) no-repeat 0px 0px;
	display:block;
	width:191px;
	height:16px;
	padding:3px 0px 0px 19px;
	color:#fff;
	margin-left:15px;
	float:left;
	font-weight:bold;
	font-size:10px;
}

.menuSub a.primer {
	margin-left:0px;
}
.menuSub a.on {
	cursor:default;
}
.menuSub a.on,
.menuSub a:hover {
	text-decoration:none;
	background-position:0px -19px;
	background-color:#6594cb;
}
/*Boletines*/
.boletin {
	padding:25px 0 0 0;
}
.boletin .imatge {
	float:left;
	padding-right:20px;
}
.boletin_lista .texte,
.boletin .texte {
	float:left;
	width:450px;
}
.boletines_todos {
	clear:both;
	padding-top:5px;
}	
.boletines_todos h3 {
	padding:0 0 14px 12px;
	color:#006583;
}
.boletines_todos a.pdf {
	display:block;
	font-size:0.9em;
	padding:0 0 2px 35px;
	background:url(../img/iconos/ico_pdf.gif) 8px top no-repeat;
	width:150px;
}

.separa_boletines {
	clear:both;
	height:30px;
}
.boletin_lista {
	width:280px;
	float:left;
	padding:10px 0 30px 0;
}
.boletin_lista img {
	padding-right:10px;
}
.boletin_listado h3{
	color:#006583;
	font-size:1em;
}

/* CSS Document */

.fondoDoc h1{
	padding-bottom:10px;
}

/* Buscar Ayuda */
.buscarAyuda{
	float:right;
	padding:6px 5px 0 0;
}
.buscarAyuda label.descripc{
	font-size:0.9em;
	color:#006583;
	padding:0 5px 0 0;
}
.buscarAyuda input{
	width:145px;
	font-size:10px;
	line-height:12px;
	color:#006583;
	border:none;
	background:#e5eff2;
	margin:0 6px 0 0;
}

.buscarAyuda .boto{ margin-left:3px;}
.buscarAyuda .boto,
.opcionsMostrar .boto{
	background:url(../img/boton.gif) no-repeat left top;
	border:0px;
	padding:0px;
	width:63px;
	height:18px;
	cursor:pointer;
	color:#006583;
}

/* llistes seleeccionar opcions per mostrar imatges */	
.opcionsMostrar{
	width:656px;
	height:21px;
}
.opcionsMostrar label.descripc{
	font-size:0.9em;
	color:#006583;
	padding:0 5px 0 0;
}
.opcionsMostrar select{
	width:123px;
	font-size:10px;
	line-height:12px;
	color:#006583;
	border:none;
	background:#e5eff2;
	margin:0 6px 0 0;
}
.opcionsMostrar span.select {
	position: absolute;
	width:103px;
	height: 15px;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#006583;
	background:#fff url(../img/select.gif) left top no-repeat;
	margin:0 6px 0 0;
	padding: 1px 10px 0;
	overflow: hidden;
}
.llarg span.select, span.select2 {
	width:127px;
	background:#fff url(../img/select2.gif) left top no-repeat;
}

.opcionsMostrar .col_izq{ float:left;}
.opcionsMostrar .col_dcha{ float:right;}

/*----------------------------------------------------------------------------------------------------
	Material
----------------------------------------------------------------------------------------------------*/

.material {
	clear:both;
	padding-top:11px;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	width:660px; 
}
.material{
	clear:both;
	padding-top:11px;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	width:660px;
}

.material .imatge {
	float:left;
	width:86px;
	height:77px;
	text-align:center;
	background:url(../img/modulos/valorado_bg.gif) 0px 0px;
}
.material .cos {
	float:left;
	width:396px;
}
.material .llarg{
	width:570px;
}
.material .largo{
	width:660px;
}
.material .cos h3 {
	font-size:1.1em;
}
.material .cos h3 a{
	padding:0 0 0 10px;
	font-weight:normal;
}
.material .cos h3 a:hover {
	text-decoration:underline;
}
.material .cos h4 {
	color:#006583;
	font-size:1.3em;
	font-weight:normal;
	padding:10px 0 4px 10px;
}
.material .cos h5{
	color:#787878;
	font-size:1em;
	font-weight:normal;
	padding:0px 0 14px 10px;
}
.material .cos p {
	color:#787878;
	font-size:1em;
	font-weight:normal;
	padding:0 0 0 10px;
}
.material .cos a.pdf {
	display:block;
	font-size:1em;
	padding:0 0 4px 35px;
	background:url(../img/iconos/ico_pdf.gif) 8px top no-repeat;
}
.material .cos a.pdf:hover {
	text-decoration:underline;
}
.material .cos a.ext {
    font-weight:normal;
    color:#787878; 
	font-size:1em;
	padding:0 0 4px 35px;
	background:url(../../rc/img/flecha_externa.gif) 8px top no-repeat;
}
.material .cos a.ext:hover {
	text-decoration:underline;
}
.material .largo a.ext {
    font-weight:normal;
    color:#006583;
	font-size:1em;
	padding:0 0 4px 5px;	 
}
.material .largo a.ext:hover {
	text-decoration:underline;
}
.material .consulta {
	float:left;
	width:173px;
	margin:0px;
	text-align:right;
}
.material .consulta a {
	font-size:10px;
	text-decoration:underline;
}
.material .cos a:hover,
.material .consulta a:hover {
	text-decoration:none;
}
.material .descpdf{
	position:absolute;
	margin-left:550px;
	z-index:400;
}
	
/* material caixa més gran */	
.mesGran .imatge{
	float:left;
	width:125px;
	height:110px;
	text-align:center;
	background:url(../img/modulos/valorado_bg.gif) 0px 0px;
}
.mesGran .cos {
	width:530px;
}
.mesGran h3 a{
	font-size:14px;
	text-decoration:underline;	
}
.mesGran h3{
	padding-top:14px;	
	padding-bottom:5px;
}
.mesGran a.pdf{
	margin-top:13px;
}
.mesGran .consulta {
	float:left;
	width:173px;
	margin:0px;
	text-align:right;
}
.mesGran .consulta a {
	font-size:10px;
	text-decoration:underline;
}
.contingutCentral .pdfdoc {
	display:block;
	width:160px;
	float:right;
	background:#fff;
	padding:3px 9px;
	font-size:1em;
	font-weight:bold;
	margin-right:9px;
	text-align:right; 
}	
	
/* peu pagines */
.peuFondoDoc{
	width:660px;
	clear:both;
	font-size:0.85em;
	color:#006583;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	padding-top:15px;
}
.peuFondoDoc p {
	padding:0 0 0 6px;
	font-weight:normal;
}

.peuFondoDoc .pagines {
	float:right;
	width:250px;
	text-align:right;
	font-size:1.25em;
	padding:0 8px 0 0;
}
.peuFondoDoc .pagines a {
	margin-left:5px;
}
.peuFondoDoc .pagines a.on {
	text-decoration:underline;
	font-weight:bold;
	cursor:default;
}
.peuEnlaces{
	width:660px;
	clear:both;
	font-size:0.85em;
	color:#006583; 
	padding-top:15px;
}
.peuEnlaces p {
	padding:0 0 0 6px;
	font-weight:normal;
}

.peuEnlaces .pagines {
	float:right;
	width:250px;
	text-align:right;
	font-size:1.25em;
	padding:0 8px 0 0;
}
.peuEnlaces .pagines a {
	margin-left:5px;
}
.peuEnlaces .pagines a.on {
	text-decoration:underline;
	font-weight:bold;
	cursor:default;
}
/************************************************************************************
	Enllaços d'interès
*************************************************************************************/
.enllacos p {
	background:url(../img/separador_h.gif) repeat-x 0px 26px;
}

.enllac .peu{
	background:url(../img/separador_h.gif) repeat-x 0px 0px;
}

.enllac img {
	float:left;
	padding-left:2px;
}
.enllac h2 {
	padding:2px 0px 10px 10px;
	font-size:15px;
	font-weight:normal;
}
.enllac p {
	padding:0px 0px 0px 10px;
}
.enlace p {
	padding:0px 0px 20px 0px;
	background:url(../img/separador_h.gif) repeat-x 0px 31px;
}
/************************************************************************************
	REVISTES concret
*************************************************************************************/
.seccio{
	padding:13px 0 2px;
	background:url(../img/separador_h.gif) repeat-x scroll 0 -3px;
}
.seccio h3{
	font-size:1.4em;
	line-height:1.4em;
	color:#006583;
	font-weight:normal;
}
.seccio h4{
	font-size:1em;
	color:#787878;
	font-weight:normal;
}

.caixetesMaterial{
	width:660px;
	min-height:279px;
	min-height:auto !important;
	height:279px;
	background:url(../img/separador_v.gif) repeat-y 325px 0px;
}

.caixetesMaterial .material{
	width:328px;
	height:92px;
	position:absolute;
	background:url(../img/separador_h.gif) repeat-x scroll 0 -3px;
}
.caixetesMaterial .material .cos{
	width:225px;
	padding-top:11px;
}
.caixetesMaterial .material p{
	padding-left:33px;
}

.fondoDoc .pos_1_2,
.fondoDoc .pos_2_2,
.fondoDoc .pos_3_2 {
	margin-left:337px;
	padding-left:3px;
}
.fondoDoc .pos_2_1,
.fondoDoc .pos_2_2{
	margin-top:94px;
}
.fondoDoc .pos_3_1,
.fondoDoc .pos_3_2{
	margin-top:185px;
}


/**/
.menuSub {
	height:19px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	
}
.menuSub a {
	background:#b8d4de url(../img/btn_SP.gif) no-repeat 0px 0px;
	display:block;
	width:191px;
	height:16px;
	padding:3px 0px 0px 19px;
	color:#fff;
	margin-left:15px;
	float:left;
	font-weight:bold;
	font-size:10px;
}

.menuSub a.primer {
	margin-left:0px;
}
.menuSub a.on {
	cursor:default;
}
.menuSub a.on,
.menuSub a:hover {
	text-decoration:none;
	background-position:0px -19px;
	background-color:#6594cb;
}


/* BOTONS */

.contingutDreta a.boto{
	display:block;
	width:178px;
	height:19px;
	padding-top:4px;
	margin:0 0 8px 20px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(../img/btn_178.gif) left top no-repeat;
	overflow:hidden;
}
.contingutDreta a.boto:hover{
	background-position:left bottom;
	text-decoration:none;
}

/*modMatAyuda*/
.contingutDreta .modMatAyuda{ 
	min-height:190px;
	height:auto !important;
	height:190px;
	background:url(../img/bg_estevMaterial2.gif) left bottom no-repeat;
}
.contingutDreta .modMatAyuda p{ 
	padding:12px 12px 10px;
}
.contingutDreta .modMatAyuda a.boto{
	background:url(../img/btn_g178.gif) left top no-repeat;
}
.contingutDreta .modMatAyuda a.boto:hover{background-position:left bottom;}
/*fi modMatAyuda*/

/*modCalVa*/
.contingutDreta .modCalVa{ 
	min-height:175px;
	height:auto !important;
	height:175px;
	background:url(../img/bg_calendarioVacunal.gif) left bottom no-repeat;
}
.contingutDreta .modCalVa p{ 
	padding:12px 12px 10px;
}
.contingutDreta .modCalVa a.boto{
	background:url(../img/btn_g178.gif) left top no-repeat;
}
.contingutDreta .modCalVa a.boto:hover{background-position:left bottom;}
/*fi modMatAyuda*/


/*Valoralo*/
/* ------- caixa utilitats ------*/
.utilitats {
	display:block;
	width:160px;
	float:right;
	background:#fff;
	padding:3px 9px;
	font-size:0.8em;
	margin-right:9px;
}
.utilitats .valoralo{
	width:150px;
	height:18px;
	background:url(../../rc/img/modulos/valorado_bg.gif) left top repeat;
	padding:0 10px 4px 0;
}
.utilitats .valoralo span{
	float:left;
	padding:4px 4px 0 4px;
	font-size:11px;
}
.utilitats .valoralo img{
	float:right;
}

.utilitats .identificate{ 
	float:left;
	padding:0 0 0 4px;
	font-size:9px;
}
.iconosUtilitats {
	padding:13px 0 0 0;
	text-align:right;
}
.iconosUtilitats a img{padding:0 0 0 10px;}

.inscribete{
	text-align:right;
	padding:35px 10px 40px;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
}
.inscribete a{
	text-decoration:underline;
}	
.inscribete a:hover{
	text-decoration:none;	
}

.text p{
	width:550px;
	padding-bottom:2px;
} 
.text1 p{
	width:450px;
	padding-bottom:2px;
} 
.fondoDoc .vertodos{
	padding:0px 0 0 30px;
}
.fondoDoc a.btn_vertodos{ display:block;
	width:145px;
	height:18px;
	font-size:0.8em;
	color:#fff;
	font-weight:bold; 
	text-align:center;
	background:url(../../rc/img/btn_solicitar.gif) left bottom no-repeat;
	padding-top:4px;
}

.fondoDoc a.btn_vertodos:hover{
	background-position:left top;
	text-decoration:none;
}
.fondoDoc  .col_dreta{
	float:right;
	width:175px;
}  
.contingutDreta .cancelar {
  padding-left:40px;
}

.contingutDreta  a.btn_vertodos{ display:block;
	width:116px;
	height:14px;
	font-size:0.9em;
	color:#fff;
	font-weight:bold; 
	text-align:center;
	background:url(../../rc/img/btn_cancelar.gif) left bottom no-repeat;
	padding-top:2px;
	padding-bottom:2px;
}
.contingutDreta  a.btn_vertodos:hover{
	background-position:left top;
	text-decoration:none;
}

.fondoDoc h2 {
	margin:						5px 0 4px 0;
	padding:					0;
	font-weight:				bold;
	font-size:					14px;
	font-color:					#267A95;
}

.novedades, .magazine {
	position:					relative;
	margin:						6px 0 8px 0;
	width:						655px;
	height:						125px;
}
.novedades {
	background-color:			#F1F9FC;
}
.magazine {
	position:					relative;
	margin:						0;

}

.novedades .foto, .magazine .foto {
	position:					absolute;
	top:						15px;
	left:						15px;
}
.magazine .foto {
	top:						11px;
}

.novedades .descripcio, .magazine .descripcio {
	position:				absolute;
	top:						10px;
	left:						135px;
	padding:					0;
	margin:				3px;
	width:					510px;
}
.magazine .descripcio {
	top:						5px;
}

.novedades .descripcio h3, .magazine .descripcio h3 {
	margin:						0;
	padding:					0;	
	font-size:					13px;
	line-height:				15px;
}
.novedades .descripcio p, .magazine .descripcio p {
	margin:						3px 0;	
	padding:					0;
	width:						505px;	
	font-size:					11px;
}

.novedades .boto, .magazine .boto {
	float:	right;
	padding-top:105px;
	padding-right:10px;	
}

.boto a {
	background:url(../img/btn_inscribete.gif) no-repeat 0px 0px ;
	display:block;
	width:160px;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	height:	25px;
	padding-top:10px;
}

.boto a.primer {
	margin-left:0px;
}

.boto a.on {
	cursor:default;
}

.boto a.on,
.boto a:hover {
	text-decoration:none;
	background-position:0px -35px;
}

a.baja{
	font-size:9px;
}

.novedades .boto, .detalle {
	padding-top:125px;
}

.paginaFondo{
	float:right;
	width:250px;
	text-align:right;
	font-size:1.2em;
	padding-top:3px;
}
.paginaFondo a {
	margin-left:5px;
}
.paginaFondo a.on {
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

.fondodocvolver {
	display:block;
	width:160px;
	float:right;
	background:#fff;
	padding:3px 9px;
	font-size:1em;
	font-weight:bold;
	margin-right:9px;
	text-align:right; 
}
