/* Inicio del Documento CSS */

body{
	margin-top: 0px;
	margin-bottom: 2px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	background: url(../images/bg.png);
}

a{
	color: #424242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#val{
	color: #575757;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#val:hover{
	color: #990000;
}

p{
	padding: 2px 0px;
}

#contenedor{
	background: #ffffff;
	margin: 0px auto;
	width: 955px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

/* Cabecera de la página */

#cabecera {
	background: url(../images/cabecera.gif);
    width: 955px;
    height: 130px;
}

#iconos{
	float: right;
	margin: 4px 12px 0px 0px;
	padding: 0px;
	display: inline;
}

#fecha{
	width: 200px;
	float: right;
	margin-right: 10px;
	padding: 6px 0px;
}

/* Menu Superior */

#menu_superior {
    width: 955px;
	border-bottom: 1px solid #ababab;
	padding: 6px 0px;
}

#menu_superior ul{
	  margin: 0px;
	  padding: 0px;
	  list-style: none;
}

#menu_superior ul li{
      display: inline;
      margin: 0px;
      padding: 0px;
}

#menu_superior li a{
	margin: 0px;
	text-decoration: none;
	padding: 0px 15px;
	color: #424242;
}

#menu_superior li a:hover{
	color: #000000;
}

/* Lateral izquierdo - Apartados */

#lateral_izquierdo {
    float: left;
    width: 240px;
	margin-left: 5px;
	margin-bottom: 50px;
	overflow: hidden;
}

#capa_noticias{
	float: left;
	margin: 20px 0px 5px 7px;
	width: 680px;
	border: 1px dotted #ababab;
	overflow: hidden;
	display: inline;
}

#titulo_capa_noticias{
	float: left;
	margin-left: 10px;
	width: 660px;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	display: inline;
}

#contenido_capa_noticias{
	float: left;
	margin-left: 10px;
	padding: 8px 0px;
	width: 660px;
	overflow: hidden;
}

#titulo_noticia{
	float: left;
	color: #000;
	font-weight: bold;
	padding: 6px 0px;
}

#fecha_noticia{
	float: right;
	margin: 0px 12px;
	color: #cc0000;
	padding: 6px 0px;
}

#apartados{
    float: left;
	margin-top: 20px;
	overflow: hidden;
	width: 240px;
}

#titulo_apartados{
	background: url(../images/titulo.png);
	color: #000000;
	height: 25px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #ababab;
	width: 240px;
	overflow: hidden;
}

#contenido_apartados{
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	padding: 6px 4px;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	width: 240px;
	overflow: hidden;
}

#contenido_apartados2{
	text-align: center;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	width: 240px;
	overflow: hidden;
}

#contenido_apartados3{
	text-align: left;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	width: 240px;
	overflow: hidden;
}

#contenido_apartados2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	text-decoration: none;
}

#pie_apartados{
	width: 240px;
	height: 20px;
	text-align: right;
	border-bottom: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

#pie_apartados a{
	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 8px;
}

/* Contenido de la página - Secciones */

#contenido {  
   	float: right;
    width: 695px;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: justify;
	overflow: hidden;
}

#titulo_secciones{
	background: url(../images/titulo2.png);
	width: 695px;
	height: 25px;
	overflow: hidden;
	color: #000000;
	text-align: center;
	border-bottom: 1px solid #ababab;
}

#atencion_paciente{
	background: url(../images/titulo.png);
	width: 240px;
	height: 25px;
	color: #000000;
	text-align: center;
	border-bottom: 1px solid #ababab;
	overflow: hidden;
}

/* Campo de Actividades */

#campo_actividades{
	float: left;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 230px;
	overflow: hidden;
}

#campo_actividades2{
	float: left;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 680px;
	overflow: hidden;
}

#contenido_campo{
	height: 150px;
	text-align: left;
	padding: 15px 10px;
	margin: 0px;
	line-height: 1.5;
}

#contenido_campo2{
	height: 350px;
	text-align: left;
	padding: 15px 6px;
	margin: 0px;
	line-height: 1.5;
}

#contenido_secciones{
	padding: 18px 12px;
	color: #424242;
	text-align: justify;
	overflow: hidden;
	width: 695px;
}

#contenido ul{
	  margin: 0px;
	  padding: 0px 0px 0px 4px;
	  list-style: none;
}

#contenido ul li{
      margin: 0px;
      padding: 4px 0px;
}

#contenido li a{
	margin: 0px;
	text-decoration: none;
	padding: 4px 0px;
	color: #cc0000;
}

#contenido li a:hover{
	color: #660000;
}

.area_contacto{
	background: #fafafa;
	width: 200px;
	margin: 0px;
	padding: 4px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ababab;
	font-size: 11px;
	color: #575757;
	text-align: left;
}

#area_contacto2{
	background: #fafafa;
	margin: 0px;
	padding: 4px 3px;
	border: 1px solid #ababab;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	overflow: visible;
}

#boton_contacto{
	background: #fafafa;
	margin-left: 8px;
	padding: 2px 3px;
	border: 1px solid #ababab;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
}

#tabla_contacto{
	margin: 0px;
	padding: 4px 0px 4px 10px;
}

#lista_paciente li{
	margin: 0px;
	padding: 2px 0px;
	list-style: none;
}

#lista_paciente li a{
	margin: 0px;
	text-decoration: none;
	padding: 0px;
	color: #000000;
}

#lista_paciente li a:hover{
	color: #990000;
}

/* Pie de Página */

#pie{
    clear: both;
	overflow: hidden;
}

#telemaco{
	background: url(../images/titulo.png);
	width: 240px;
}

#telemaco a{
	padding: 6px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	text-decoration: none;
}

#direccion{
	background: url(../images/titulo2.png);
	width: 695px;
	padding: 6px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	text-align: center;
}

#logo_empresa{
	border: 1px dotted #ababab;
	width: 300px;
	height: 100px;
}

#capa_mapa_web{
	float: left;
	margin-left: 8px;
	padding: 0px;
	overflow: hidden;
	display: inline;
}

#capa_mapa_web ul{
	margin: 0px 0px 0px 40px;
	padding: 0px;
	list-style: none;
}

#capa_mapa_web ul li{
	margin: 0px;
	padding: 5px 0px;
	list-style: circle;
}

#capa_mapa_web ul li a{
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none;
	color: #575757;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#capa_mapa_web ul li a:hover{
	color: #990000;

}

#sec_enlace{
	margin: 0px;
	padding: 0px;
	line-height: 2;
}

#sec_enlace a{
	text-decoration: none;
	color: #575757;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#sec_enlace a:hover{
	color: #990000;
}

/* Red de Centros */

#lista_red_centros{
	background: url(../images/titulo.png);
	width: 240px;
	padding: 6px 0px;
	text-align: center;
	color: #000000;
}

#tabla_municipios{
	width: 140px;
	height: 340px;
	padding: 0px 10px;
	margin: 0px;
}

#tabla_centros{
	width: 695px;
	border-left: 1px solid #ababab;
	border-top: 1px solid #ababab;
	margin: 0px;
	padding: 0px;
}

#centros{
	height: 165px;
	position: relative;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	border-bottom: 1px solid #ababab; 
}

#titulo_centros{
	text-align: left;
	width: 160px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

#telefono_centros{
	width: 50px;
	position: absolute;
	top: 34px;
	left: 10px;
	z-index: 1;
}

#contacto_centros{
	width: 120px;
	position: absolute;
	top: 50px;
	left: 68px;
	z-index: 1;
}

#direccion_centros{
	width: 200px;
	height: 56px;
	margin: 0px;
	padding: 3px 4px;
	overflow: hidden;
	border: 1px dotted #ababab;
	background: #fcfcfc;
	position: absolute;
	top: 93px;
	left: 6px;
	text-align: left;
	z-index: 1;
}

#mapa_centros{
	position: absolute;
	width: 65px;
	top: 25px;
	left: 238px;
	text-align: center;
	z-index: 1;
}

#horarios_centros{
	position: absolute;
	width: 60px;
	top: 25px;
	left: 340px;
	text-align: center;
	z-index: 1;
}

#horarios_centros2{
	width: 255px;
	height: 135px;
	position: absolute;
	background: #fcfcfc;
	top: 10px;
	left: 425px;
	text-align: left;
	z-index: 1;
	margin: 0px;
	padding: 6px 1px 4px 5px;
	overflow: hidden;
	border: 1px dotted #ababab;
}

/* Red de centros - Botellas Municipios */

#b_llucmajor{
	position: absolute;
	top: 435px;
	left: 705px;
	z-index: 3;
}

#b_andratx{
	position: absolute;
	top: 374px;
	left: 552px;
	z-index: 3;
}

#b_palma1{
	position: absolute;
	top: 385px;
	left: 653px;
	z-index: 4;
}

#b_arta{
	position: absolute;
	top: 316px;
	left: 868px;
	z-index: 3;
}

#b_arenal{
	position: absolute;
	top: 405px;
	left: 675px;
	z-index: 3;
}

#b_soller{
	position: absolute;
	top: 285px;
	left: 655px;
	z-index: 3;
}

#b_porreres{
	position: absolute;
	top: 408px;
	left: 767px;
	z-index: 3;
}

#b_felanitx{
	position: absolute;
	top: 432px;
	left: 808px;
	z-index: 3;
}

#b_santanyi{
	position: absolute;
	top: 474px;
	left: 805px;
	z-index: 3;
}

#b_manacor1{
	position: absolute;
	top: 393px;
	left: 838px;
	z-index: 3;
}

#b_bunyola{
	position: absolute;
	top: 324px;
	left: 654px;
	z-index: 3;
}

#b_inca{
	position: absolute;
	top: 317px;
	left: 738px;
	z-index: 3;
}

.image{
	border: 3px solid #f0f0f0;
}

#pag{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	float: left;
}

#num_pag{
	float: left;
	width: 200px;
	margin-left: 245px;
	text-align: center;
	display: inline;
	color: #575757;
}

#resul_pag{
	float: right;
	margin-right: 10px;
	text-align: center;
	display: inline;
	color: #575757;
	font-size: 10px;
}

/* Panel de Control Interno */

#access_user{
	height: 130px;
	width: 280px;
	float: left;
	background: url(../images/acceso.gif);
	padding: 0px;
	margin-top: 50px;
	margin-left: 205px;
	text-align: left;
	overflow: hidden;
	display: inline;
}

#tabla_access{
	width: 260px;
	height: 80px;
	margin: 10px 0px 0px 10px;
}

#box_access{
	color: #424242;
	width: 160px;
	padding: 2px 0px;
	margin: 0px;
	background: #fafafa;
	border: 1px solid #ababab;
}

.boton_access{
	text-align: center;
	font-size: 10px;
	color: #ababab;
	margin: 0px;
	padding: 0px;
	width: 50px;
	background: #fafafa;
	border: 1px solid #ababab;
	overflow: hidden;
}

#capa_boton{
	float: right;
	margin: 8px 15px 0px 0px;
	display: inline;
}

#img_panel{
	float: left;
	margin: 8px 0px 0px 10px;
	display: inline;
	background: url(../images/panel.png);
	width: 25px;
	height: 25px;
	padding: 0px;
}

#advertencia{
	width: 280px;
	float: left;
	background: url(../images/advertencia.gif);
	padding: 4px 0px 5px 0px;
	margin-top: 25px;
	margin-left: 205px;
	text-align: left;
	overflow: hidden;
	color: #990000;
}

#img_advertencia{
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	display: inline;
}

#texto_advertencia{
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

#panel_control{
	height: 165px;
	width: 280px;
	float: left;
	background: url(../images/panel_control.gif);
	padding: 0px;
	margin-top: 50px;
	margin-left: 205px;
	text-align: left;
	overflow: hidden;
	display: inline;
}

#tit_panel_control{
	float: left;
	width: 250px;
	margin-left: 12px;
	margin-top: 17px;
	color: #000000;
	display: inline;
}

#cont_panel_control{
	width: 230px;
	float: left;
	margin-left: 25px;
	margin-top: 8px;
}

#nav_panel{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav_panel li a{
	text-decoration: none;
	color: #575757;
}

#nav_panel li a:hover{
	color: #990000;
}

#cont_panel_control_2{
	width: 180px;
	float: left;
	margin-left: 40px;
	margin-top: 3px;
	font-size: 10px;
}

#volver{
	float: right;
	margin-right: 5px;
	margin-top: 20px;
	padding: 0px;
	display: inline;
	overflow: hidden;
}

#insertar_not{
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	padding: 0px;
	display: inline;
}

#not{
	float: left;
	margin: 25px 0px 5px 0px;
	width: 690px;
	overflow: hidden;
	display: inline;
}

#fecha_not{
	float: left;
	margin-left: 10px;
	border: 1px solid #d5d5d5;
	background: #fafafa;
	padding: 2px 0px;
	width: 100px;
	text-align: center;
	display: inline;
}

#tit_not{
	float: left;
	margin-left: 10px;
	border: 1px solid #ababab;
	background: #fafafa;
	padding: 2px 4px;
	width: 600px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
	overflow: hidden;
}

#tit_not2{
	float: left;
	margin-left: 10px;
	border: 1px solid #ababab;
	background: #fafafa;
	padding: 2px 4px;
	width: 500px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
	overflow: hidden;
}

#icon_not{
	float: left;
	margin-left: 10px;
}

#box_mod_desc{
	color: #575757;
	padding: 2px 4px;
	background: #fafafa;
	border: 1px solid #ababab;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.box_imagen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	padding: 2px 4px;
	text-align: left;
}

#box_mod_fecha{
	color: #575757;
	width: 90px;
	padding: 2px 0px;
	background: #fafafa;
	border: 1px solid #ababab;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#capa_modificar{
	float: left;
	margin-top: 30px;
	margin-left: 35px;
	display: inline;
}

#box_mod_tit{
	color: #575757;
	width: 351px;
	padding: 2px 4px;
	background: #fafafa;
	border: 1px solid #ababab;
	text-align: left;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#boton_g{
	float: left;
	text-align: center;
	margin-left: 135px;
	display: inline;
}

#boton_c{
	float: left;
	margin-left: 10px;
	text-align: center;
}

#boton_guardar{
	width: 75px;
	background: #fafafa;
	color: #575757;
	border: 1px solid #ababab;
	padding: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#boton_guardar:hover{
	background: #f0f0f0;
}

#boton_cancelar{
	width: 75px;
	background: #fafafa;
	color: #575757;
	border: 1px solid #ababab;
	padding: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#boton_cancelar:hover{
	background: #f0f0f0;
}

/* CentreData */

#search{
	width: 150px;
	height: 25px;
	padding: 0px;
	float: right;
	margin-right: 5px;
	background: url(../images/buscar.gif);
	display: inline;
}

#box_search{
	width: 120px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 10px;
	color: #575757;
	background: none;
	border: 0px;
}

#lupa{
	float: left;
	margin-left: 5px;
	margin-top: 4px;
	width: 16px;
	height: 16px;
}

#abc{
	float: left;
	display: inline;
	padding: 6px 0px;
}

#abc a{
	text-decoration: none;
	color: #575757;
	font-size: 10px;
}

#abc a:hover{
	color: #990000;
}

#content_cd{
	width: 100%;
	float: left;
	margin-top: 25px;
}

#legal_cd{
	color: #424242;
	float: left;
	margin-top: 30px;
	width: 660px;
	padding: 3px 0px;
	text-align: center;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background: #fafafa;
}

#legal_cd a{
	text-decoration: none;
	color: #575757;
	font-size: 10px;
}

#legal_cd a:hover{
	color: #990000;
}

#adv_procesar{
	width: 350px;
	float: left;
	background: url(../images/advertencia2.gif);
	padding: 4px 0px 5px 0px;
	margin-top: 50px;
	margin-left: 172px;
	text-align: left;
	overflow: hidden;
	color: #990000;
}

#letra{
	color: #424242;
	float: left;
	margin-top: 30px;
	width: 660px;
	padding: 3px 0px;
	text-align: center;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background: #fafafa;
}

#practica{
	color: #424242;
	float: left;
	margin-top: 30px;
	width: 650px;
	padding: 5px 0px 5px 10px;
	text-align: left;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background: #fafafa;
}

#referencia{
	color: #424242;
	float: left;
	margin-top: 30px;
	width: 650px;
	padding: 5px 0px 5px 10px;
	text-align: left;
	border-bottom: 1px dotted #eaeaea;
	border-top: 1px dotted #eaeaea;
}

.var{
	font-size: 10px;
	text-decoration: none;
}

.var:hover{
	color: #990000;
}

#calculadora{
	position: absolute;
	top: 274px;
	left: 788px;
	z-index: 2;
	width: 150px;
	height: 160px;
	background: url(../images/calculadora.gif);
	font-size: 10px;
	color: #575757;
}

#calc{
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 2;
	width: 150px;
	text-align: center;
	color: #424242; 
}

#box1{
	position: absolute;
	top: 22px;
	left: 0px;
	z-index: 2;
	width: 150px;
	text-align: center;
}

#box2{
	position: absolute;
	top: 90px;
	left: 0px;
	z-index: 2;
	width: 150px;
	text-align: center;
}

#box3{
	position: absolute;
	top: 138px;
	left: 118px;
	z-index: 2;
}

.boton_calc{
	border: 0px;
	background: url(../images/cambio.gif);
	cursor: pointer;
	width: 28px;
	height: 17px;
	border: 0px;
}

.boton_calc2{
	border: 0px;
	background: url(../images/cambio2.gif);
	cursor: pointer;
	width: 28px;
	height: 17px;
	border: 0px;
}

.boton_borrar{
	border: 0px;
	background: none;
	cursor: pointer;
}

.box_calc{
	color: #575757;
	font-size: 10px;
	width: 100px;
	background: #fafafa;
	border: 1px solid #ababab;
	margin-top: 5px;
	margin-bottom: 6px;	
}

.tabla_calc{
	width: 150px;
}

.texto_calc{
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.tabla{
	border-bottom: 1px solid #ababab;
	border-left: 1px solid #ababab;
	color: #000000;
}

.tabla_td{
	border-top: 1px solid #ababab;
	border-right: 1px solid #ababab;
	color: #424242;
	background: #f0f0f0;
	height: 35px;
	font-weight: 600;
}

.tabla_td2{
	border-top: 1px solid #ababab;
	border-right: 1px solid #ababab;
	color: #424242;
	height: 25px;
}

.caja{
	background: #fafafa;
	border: 1px solid #ababab;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	padding: 2px 4px;
	width: 200px;
}

#ver_mas{
	float: left;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

#ver_mas a{
	color: #cc0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}