/* Generics 
----------------------------------------------*/
body{font-size:62.5%;background:#fff url(../img/bg_body.gif) repeat-x 0 0; font-family:verdana, arial,sans-serif; color:#000; padding:0; margin:10px; line-height:1.3;}

a{color:#134A81;text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:#000;margin:0;padding:0;}
img{border:0;display:block;}
form,p,li{margin:0;padding:0;}
input,select{font-family:tahoma,arial,sans-serif;color:#333;}
ul{margin:0;padding:0;list-style:none;}


/* Layout 
----------------------------------------------*/
#contenidor{
	width:980px;
	margin:0 auto;
	background:#fff;
	border:1px solid #0080FF;
	position:relative;
	overflow:hidden;
}


#capcalera{margin:0 10px;background:#0080FF url(../img/bg_header.jpg) no-repeat right ;}
#capcaleraMinisterio{margin:0 10px;background:#FFFFFF url(../img/ministerio.jpg) no-repeat;}

#cos{background:url(../img/bg_menu.gif) repeat-y 10px 0;padding:0 20px 10px 10px;overflow:hidden;margin:0 0 10px;position:relative;}
#menu{float:left; width:215px;padding:0 0 10px;}
#menuLinks{float:right;font-family:tahoma,arial,sans-serif;}
#contingut{float:right; width:715px;padding:0 0 10px;position:relative;}
#peu {
	clear:both;
	margin:10px -50px;
	padding:10px 10px 10px 10px;
	text-align:center;
	overflow:hidden;
	width:980px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #0080FF;
}
#peu2{clear:both; margin:0 10px; border-top:1px solid #FFF;    padding:10px 0; text-align:center;overflow:hidden;}
#peunew{
	clear:both;
	border-top:1px solid #0080FF;
	text-align:center;
	overflow:hidden;
	width:980px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/* Menu 
----------------------------------------------*/
#menu{font:1.1em tahoma,arial,sans-serif; color:#134A81;}
#menu h2{font: 1.1em  tahoma,arial,sans-serif;margin:0;padding:0}
#menu h2 a.on{font-weight:bold;}
#menu #nivel1{padding:20px 0 10px;background:#E1E2F4;}
#menu #nivel1 li{}
#menu #nav{margin:0 0 10px 10px;}
#menu #nav li{padding:0;}
#menu li{display:block; position: relative;width:200px; }
#menu li a{display:block;padding:6px 5px 10px 25px;background: url(../img/fletxa_menu.gif) no-repeat 14px 10px; color:#134A81;outline:none;}
/*submenu*/
#menu #nav li ul{position: absolute; z-index:100; left: 180px; width:190px; top: -5px;	display: none;border:2px solid #fff;background:#F0EFF8;padding:0;padding:10px 0 15px;}
#menu li li a{background: url(../img/fletxa_sub_menu.gif) no-repeat 16px 10px;padding:6px 20px 6px 28px;}
#menu #nav li:hover ul, #menu #nav li.over ul { display: block; } /* The magic */
#menu li a:hover{text-decoration:underline;}
#menu li.on a,#menu li.on li.on a{font-weight:bold;}
#menu li.on li a{font-weight:normal;}

.modulo-pdf{
	margin:5px 20px;
	font-size:0.9em;
	border:1px solid #ccc;
	padding:7px 8px 8px;
	background:#fff;
	font-family:tahoma,arial,sans-serif;
	font-size:1em;
}
.modulo-pdf a{display:block;background:url(../img/ico_pdf.gif) no-repeat 0 1px;padding:0 0 0 18px;}
.modulo-pdf a span{color:#999;text-decoration:none;}

.datospersonales{
	margin:0px 0px;
	font-size:0.9em;
	/*	border:1px solid #ccc;*/
	padding:7px 8px 8px 0px;
	background:#fff;
	font-family:tahoma,arial,sans-serif;
	font-size:1em;
	/*	background:url(../img/info.gif) no-repeat 0 1px;*/
	color: #000
}
.datospersonales a{padding:0 0 0 0px;color: #000; text-decoration:none}
.datospersonales img{
	padding:3 3 3 3px;
	color: #000;
	float:left;
	margin: 0px 0px 5px 0px;
}

.modulo-321{
	margin:5px 20px;
	font-size:0.9em;
	border:1px solid #ccc;
	padding:7px 8px 8px;
	background:#fff;
	font-family:tahoma,arial,sans-serif;
	font-size:1em;
}
.modulo-321 a{display:block;background:url(../img/321.jpg) no-repeat 0 1px;padding:0 0 0 21px;}
.modulo-321 a span{color:#999;text-decoration:none;}

#p-antisepsia #m-antisepsia,#p-seguridad #m-seguridad,#p-contacto #m-contacto,#p-cuidados #m-cuidados,#p-diagnostico #m-diagnostico,#p-enlaces #m-enlaces,#p-evaluacion #m-evaluacion,#p-fisiopatologia #m-fisiopatologia,#p-higiene-manos #m-higiene-manos,#p-modulo #m-modulo,#p-iniciativas #m-iniciativas,#p-insercion #m-insercion,#p-introduccion #m-introduccion,#p-medidas-barrera #m-medidas-barrera,#p-porque #m-porque{font-weight:bold;}
#p-higiene-manos #m-intervenciones a.tit-submenu,#p-insercion #m-intervenciones a.tit-submenu,#p-antisepsia #m-intervenciones a.tit-submenu,#p-medidas-barrera #m-intervenciones a.tit-submenu,#p-cuidados #m-intervenciones a.tit-submenu,#p-intervenciones #m-intervenciones a.tit-submenu{font-weight:bold;}

/*submenu superior*/
#submenu{margin:0 0 15px;}
#submenu ul {border-bottom:1px solid #E1E2F4;padding:0 0 0 26px;}
#submenu li{display:inline;padding:0 5px 0 0;font-size:1.1em;}
#submenu a{background:#E1E2F4;font-family:tahoma,arial,sans-serif;color:#134A81;padding:5px 10px 7px;line-height:2.3;}
#submenu li.on a{ border:1px solid #E1E2F4; border-bottom:none;background:#fff;color:#333;padding-bottom:8px;font-size:1.2em;}


/* Contingut 
----------------------------------------------*/

/*como funciona*/
.text{font-size:1.2em;}
.text p{margin:0 0 10px;}
.text h2{font-size:1.4em;}
.text .foto{margin:20px 0 0 140px;}
.text2 {
	font-size:1.6em;
}

/*introduccion*/
h1{font:1.5em  tahoma,verdana,sans-serif; color:#000;border-bottom:1px solid #134A81;margin:0 0 20px;clear:both;padding:5px 0 2px 0; }
h2{font: 1.4em tahoma,verdana,sans-serif; color:#000;padding:0 0 10px; }
.agenda{float:left; clear:left; width:360px;border-bottom:2px solid #a3a3a3;margin:0 0 30px;}
p.indent{
	margin:0 20px 20px 30px;
}
p.boto{
	padding:10px 0px 10px 0px;
	font-weight:bold;
	text-align: center;
	
}
/*
p.boto a{display:block;background:#0080FF url(../img/bg_boto_next.gif) no-repeat 0 -30px;height:24px;width:103px;padding:6px 0 0 33px;text-align:left;text-decoration:none;color:#fff;font-weight:bold;cursor:pointer;outline:none;}
p.boto a:hover{background-position:0 0;}
*/
p.boto a{font-weight:bold;}

/*evaluacion*/
form {padding:15px 0 0;}
form input.boto{border:none;background:#0080FF url(../img/bg_boto.gif) no-repeat 0 -30px;height:30px;color:#fff;font-size:1.3em;font-weight:bold;width:190px !important;padding:0 0 3px;cursor:pointer;outline:none;}
form input.petit{background-image:url(../img/bg_boto_petit.gif);width:100px !important;}
form input.boto:hover{background-position:0 0;}
form p.botons{padding:30px 0 0 270px !important;}

form.datos-personales label{float:left;display:block;width:160px;font-weight:bold;font-size:1.2em;text-align:right;padding:3px 10px 0 0;}
form.datos-personales label.error{float:none;margin:0 0 0 170px;color:#cc0000;text-align:left;font-weight:normal;width:auto;clear:left;}
form.datos-personales p{clear:both;overflow:hidden;padding:0 0 10px;}
form.datos-personales input, form.datos-personales select{float:left;width:250px;}
select#idhospital{width:auto;}
form.datos-personales .radio .label{font-size:1.2em;font-weight:bold;}
form.datos-personales .radio label{font-weight:normal;width:auto;float:none;display:inline;}
form.datos-personales .radio input{width:auto;float:none;margin:0 0 0 10px;}


form.test h2{font-size:1em;padding:0 0 4px;font-family:verdana,arial,sans-serif;}
form.test label{font-weight:normal;}
form.test label span{font-style:italic;}
form.test p{padding:0;}
form.test li{font-size:1.2em;font-weight:bold;clear:both;padding:0 0 15px;overflow:hidden;}
.numero{float:left;width:24px;text-align:center;background:#0080FF url(bg_numero.gif) no-repeat 0 0;font-size:0.9em;font-weight:bold;color:#fff;margin:0 10px 0 3px;padding:1px 0 2px;}
form.test li div.pregunta{float:left;width:580px;}
form.test li div.pregunta ul{margin:5px 0;}
form.test li div.pregunta li{font-weight:bold;font-size:1em;padding:0 0 0 5px;}
form.test li div.pregunta input{float:left;margin-top:2px;}
form.test li div.pregunta label{float:right;width:555px;padding:0 0 3px;}
form.test li div.pregunta p{clear:both;}
form.test .text-legal{padding:10px 90px 5px 37px;color:#666;}

.missatge-ok{margin:10px 10px 0 0;overflow:hidden;}
.missatge-ok .text{float:left;width:320px;background:url(../img/ico_ok.gif) no-repeat 0 0;padding:0 0 40px 50px;line-height:1.4;margin:10px 0 0;}
.missatge-ok  img{float:right;margin:0 0 0 40px;}
.missatge-ko{margin:10px 0 0;background:url(../img/ico_ko.gif) no-repeat 0 0;padding:0 0 40px 50px;line-height:1.4;font-size:1.4em;}

/*admin*/
#p-admin #menu{margin-top:20px;}
#p-admin h1{padding-top:15px;}
#p-admin #menu li a{background: url(../img/fletxa_sub_menu.gif) no-repeat 14px 11px;}
#p-admin .text{padding:0 0 10px;}
#p-admin form.datos-personales input{width:150px;}
#p-admin table{border-spacing:0;border-left:1px solid #0080FF;border-top:1px solid #0080FF;margin:0 0 20px;width:570px;}
#p-admin td,#p-admin th{border-right:1px solid #0080FF;border-bottom:1px solid #0080FF;text-align:left;font-size:1.2em;padding:3px 10px;vertical-align:top;}
#p-admin th{background:#0080FF;color:#fff;white-space:nowrap;}
#p-admin td.categoria,#p-admin td.hospital{width:350px;}
#p-admin td td.categoria,#p-admin td td.hospital{width:100%;}
#p-admin .nota,#p-admin .aprobados{text-align:right;}
#p-admin td.nota{font-weight:bold;}
#p-admin caption{font-size:1.2em;text-align:left;padding:2px 0 7px;font-weight:bold;}
.go-top{text-align:right;font-size:1.1em;margin:30px 0 -30px;background:url(../img/ico_top.gif) no-repeat right 3px;padding:0 12px 0 0;}
.go-top a{text-decoration:underline;}
#p-admin td table{display:none;margin:10px 0 8px;border-color:#E1E2F4;width:auto;}
#p-admin td.over table{display:block;}
#p-admin td td,#p-admin td th{font-size:0.9em;border-color:#E1E2F4;padding:2px 10px 2px 5px;}
#p-admin td th{background-color:#E1E2F4;color:#333;font-weight:normal;}
#p-admin #taula-usuaris td,#p-admin #taula-usuaris th{font-size:1.1em;width:auto;}


/*diapositives*/
#diapositives {position:relative;clear:both;} 
#diapositives .box{ position:relative;clear:both;}
#diapositives #prev{float:left;width:30px;height:50px;background:url(../img/fletxa_left.gif) no-repeat 0 0;cursor:pointer;margin:2px 0 0;}
#diapositives #prev:hover{background-position:-30px 0;}
#diapositives #next{float:right;width:30px;height:50px;background:url(../img/fletxa_right.gif) no-repeat 0 0;cursor:pointer;margin:2px 0 0;}
#diapositives #next:hover{background-position:-30px 0;}
#diapositives #slideshow { margin:0 0 0 16px;height:780px;}
#diapositives .llista{float:left;width:623px;}
#diapositives .diapo{ position:absolute;top:  0; left: 0 ;font-size:1.2em;width:623px;overflow:hidden;background:#fff;}
#diapositives .diapo img{float:right;margin:3px 0 0;}
#diapositives .diapo .descripcio{float:left;width:315px;line-height:1.4;}
#diapositives .diapo h2{font-size:1.4em;font-family:tahoma,arial,sans-serif;line-height:1.2;margin:0 0 14px;padding:0 0 2px;font-weight:normal;border-bottom:1px solid #000;}
#diapositives .diapo .descripcio h3{font-size:1em;line-height:1.4;color:#333;margin:0 0 5px;}
#diapositives .diapo .descripcio p{margin:0 0 10px;}
#diapositives .diapo .descripcio p.nota{font-size:0.8em;color:#333;padding:0 0 10px;}
#diapositives .diapo .descripcio ul{margin:0 0 10px 2px;padding:0 0 0;}
#diapositives .vertical .descripcio ul{margin-right:100px;}
#diapositives .diapo .descripcio li{background:url(../img/punt_blau.gif) no-repeat 0 7px;padding:0 0 10px 18px;}
#diapositives .diapo .descripcio .links{padding:10px 0 0;}
#diapositives .diapo .descripcio ul .links{padding:0 0 10px;}
#diapositives .diapo .descripcio .links li{background:url(../img/ico_mes_info.gif) no-repeat 0 1px;padding:0 0 10px 16px;}
#diapositives .diapo .descripcio .links li.pdf{background-image:url(../img/ico_pdf.gif);background-position:0 2px;}
#diapositives .diapo .descripcio .links li.pdf span{color:#999;font-size:0.9em;}
#diapositives .diapo .descripcio li ul{margin-top:10px;padding-top:0;}
#diapositives .diapo .descripcio li li{background:url(../img/punt_blau_petit.gif) no-repeat 0 9px;padding:0 0 3px 14px;}
#diapositives .diapo .descripcio table{border-spacing:0;border-left:1px solid #e1e2f4;border-bottom:1px solid #e1e2f4;margin:0 0 10px;}
#diapositives .diapo .descripcio th,#diapositives .diapo .descripcio td{padding:3px 10px;border-top:1px solid #e1e2f4;border-right:1px solid #e1e2f4;text-align:left;}
#diapositives .vertical img{float:none;margin:0 0 20px;}
#diapositives .vertical .descripcio{float:none;width:auto;padding:0 50px 0 0;}
/*#diapositives .nextPage{display:none;}*/

#mini {position:relative;margin:0 40px 30px 45px;overflow:hidden;}
#mini li {position:relative;display:block;float: left;width: 29px; height:29px; overflow:hidden; margin:0 4px 4px 0; list-style: none;border:1px solid #B1B4E2;}
#mini a {display:block;width: 25px; margin: 2px;}
#mini a img{position:absolute;left:2px;top:2px;z-index:1;}
#mini a span{display:block;position:absolute;left:0;top:0;font-size:11px;font-weight:bold;z-index:10;background:#fff;cursor:pointer;padding:0 3px;}
#mini li.activeSlide { background: #ffff66 }
#mini li.activeSlide span { background: #ffff66 }
#mini a:focus { outline: none; }
#mini a:hover{text-decoration:none;}
#mini img { border: none; display: block }

/*portada*/
.portada li{font-size:1.2em;padding:0 0 10px 18px;background:url(../img/ico_link.gif) no-repeat 0 5px;margin:0 0 0 20px;}

/*contacto*/
ul.contacto {padding:10px;}
ul.contacto li{padding:0 0 10px 18px;background:url(../img/ico_link.gif) no-repeat 0 6px;}

/* Peu 
----------------------------------------------*/
#peu{padding-left:50px;}
#peu li{
	display:block;
	float:left;
	padding:0 10px;
	text-align: left;
}

#peu2{padding-left:100px;}
#peu2 li{
	display:block;
	float:left;
	padding:0 10px;
	text-align: left;
}
#p-evaluacion #contenidor #cos #contingut #datos-personales table {
	text-align: center;
}