/* CSS Document */

body { padding:0px; margin:0px; HEIGHT: 100%;
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align:center}

HTML{/*HEIGHT: 100%; overflow: inherit*/}

a {font-family:  Verdana, Arial, Helvetica, sans-serif; color:#34180D; text-decoration:underline;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;  color:#34180D; text-decoration:none;}

a.enlace  {font-family:  Verdana, Arial, Helvetica, sans-serif; color:#0099cc; text-decoration:none;}
a.enlace:hover {font-family: Verdana, Arial, Helvetica, sans-serif;  color:#9ba682; text-decoration:none;}

h1{ font-size: 22px; padding:0px; margin:0px; color:#0099cc; font-weight: bold; font-family:  Arial Narrow, Arial,Verdana, Helvetica, sans-serif; text-align:left}
h2{font-size: 14px; padding:0px; margin:0px 0px 5px 0px; color:#666666; font-weight: normal; border-bottom:1px solid #666666; font-family: Verdana, Arial, Helvetica, sans-serif;}

strong{}

p{ text-align:left; line-height: 25px; font-size:11px;}


/* --------------------------------------------------------- estructura general -----------------------------------------------------------------*/

#contenedor {background-color: #ffffff; border:0px solid #86A2C7; background-image:url(../images/fondo_utilbar.gif); background-repeat:repeat-x;}

#menu { margin:0 auto 0 auto; padding: 0px; height: 60px; width: 645px; border:0px solid #86A2C7; float:right; }

#cabecera { margin:0 auto 0 auto; width: 780px; height:240px;background-color: #ffffff; background-image: url(../images/cabecera4.jpg); background-position:bottom; background-repeat:no-repeat; text-align:left;border:0px solid #EEEDE3; }
#cabecera2 { margin:0 auto 0 auto; width: 780px; height:240px;background-color: #ffffff; background-image: url(../images/cabecera3.jpg); background-position:bottom; background-repeat:no-repeat; text-align:left;border:0px solid #EEEDE3; }
#cabecera3 { margin:0 auto 0 auto; width: 780px; height:240px;background-color: #ffffff; background-image: url(../images/cabecera2.jpg); background-position:bottom; background-repeat:no-repeat; text-align:left;border:0px solid #EEEDE3; }

#contenido { margin:0px auto 0 auto;overflow: hidden; min-height: 100%; width:780px; padding-bottom:0px; text-align:left;  border-bottom:0px solid #c3dbe0;}

#pie {margin:0 auto 0 auto; width:780px; height:25px; padding-top:5px; background-color:#ffffff; border-top:1px solid #c3dbe0; font-size:9px; color:#3d5300;}


/* --------------------------------------------------------- estructura interiores -----------------------------------------------------------------*/


#submenu{ width:135px; padding-right:25px; padding-top:15px; float:left; border:0px solid #F15112;}
#informacion{ width:410px; float:left; padding: 15px 25px 30px 25px; border-left:1px dashed #99cddf; border-right:1px dashed #99cddf;}
#izda{ width:135px; padding-left:25px; padding-top:15px; float:left; border-left:0px solid #99cddf;}




/* --------------------------------------------------------- #menu -----------------------------------------------------------------*/
#menu_link { margin-top:4px; padding:0px; height:25px; border:0px solid #000000;}
#menu_link li{color:#0099cc; font-size:11px; float: right; text-align:right; background-image:url(http://www.europasalud.es/images/cruz_verde.gif); background-repeat:no-repeat;padding:0px 5px 0px 20px; font-weight:bold; list-style-type:none}
#menu_link li a{ color:#0099cc; font-size: 11px; text-decoration:none; font-weight:bold;}
#menu_link li a:hover{ background-position:top; color:#9ba682; text-decoration:none}

#menu_link4 { margin-top:4px; padding:0px; height:25px; border:0px solid #000000;}
#menu_link4 li{color:#0099cc; font-size:11px; float: left; text-align:right; list-style-image:url(http://www.europasalud.es/images/cruz_verde.gif);margin:0px 0px 0px 25px; padding:0px; font-weight:bold;}
#menu_link4 li a{ color:#0099cc; font-size: 11px; text-decoration:none; font-weight:bold;}
#menu_link4 li a:hover{ background-position:top; color:#9ba682; text-decoration:none}

#menu_link2 { margin:0px; padding:0px;border:0px solid #F15112; height:25px;}
#menu_link2 li{margin:0px;padding: 2px 0px 0px 0px; list-style:none; width:120px; border:0px solid #F15112; color:#3d5300; font-size:9px; float: right;}
#menu_link2 li a{padding: 0px; margin:0px; color:#3d5300; font-size: 9px; text-decoration:underline;}
#menu_link2 li a:hover{ background-position:top; color:#9ba682; text-decoration:none}

#menu_link3 { margin:0px; padding:0px;border:0px solid #F15112; height:25px;}
#menu_link3 li{margin:0px;padding: 10px 5px 0px 0px; list-style:none;  border:0px solid #F15112; color:#3d5300; font-size:9px; float: left;}
#menu_link3 li a{padding: 0px; margin:0px; color:#3d5300; font-size: 9px; text-decoration:underline;}
#menu_link3 li a:hover{ background-position:top; color:#9ba682; text-decoration:none}

/* #logo{ padding: 10px 0px 0px 25px; margin:0px; float:left; border:0px solid #86A2C7; }
*/
#logo{ padding: 10px 0px 0px 0px; margin:0px; float:left; border:0px solid #86A2C7; }

#entrada_login { margin:0 auto 0 auto; padding: 15px 0px 0px 0px; height: 50px; width: 100%; border:0px solid #86A2C7; float:left; }
form.entrada{ margin:0px; padding:0px; font-size:9px; font-weight: bold; color:#0099cc;}
form.entrada input { width:100px; height: 13px; margin-right: 15px;}

#banner_cabecera{margin:0 auto 0 auto; padding: 15px 0px 0px 70px; height: 50px; width: 90%; border:0px solid #86A2C7; float:left;}


/* --------------------------------------------------------- estrutura HOME -----------------------------------------------------------------*/

.home_apartado{ width:260px; height:230px; border:0px solid #000000; float:left}
.home_apartado .titulo{ width: 200px; background-image:url(../images/cruz_azul.gif); background-repeat:no-repeat; padding-left:20px; margin:1px; border:0px solid #000000; text-align:left;}
.home_apartado .contenido{ width: 210px; height: 70px; padding:25px; border:0px solid #000000; text-align:left; background-image:url(../images/linea_dis.gif); background-repeat:repeat-y; background-position:right;}
.home_apartado .contenido2{ width: 210px; height: 70px; padding:25px; border:0px solid #000000; text-align:justify;}




/* --------------------------------------------------------- calendarios -----------------------------------------------------------------*/
.color1{ background-color:#EEF9FD; height:25px; border-bottom:1px solid #fff;} /*verde*/
.color2{ background-color:#E3E2E2; height:25px; border-bottom:1px solid #fff;} /*rosa*/
.color3{ background-color:#c3dbe0; height:25px; border-bottom:1px solid #fff;} /*azul*/
.color4{ background-color:#B9E9FA; height:25px; border-bottom:1px solid #fff;} /*gris*/

#calendario{ width:100%; margin-top:50px;}
#calendario td{ background-color:#0099cc; padding:2px; text-align:right; color:#FFFFFF; font-size:9px;border-bottom:2px solid #FFFFFF}
#calendario td.dia_select{ background-color:#000000; padding:2px; text-align:right; color:#ffffff; font-size:9px;border-bottom:2px solid #FFFFFF; font-weight:bold;}
#calendario td.dia_noselect{ background-color:#E3E2E2; padding:2px; text-align:right; color:#777777; font-size:9px;border-bottom:2px solid #FFFFFF; font-weight:bold;}
#calendario a{ color:#FCF304; font-size:9px; text-decoration:none; font-weight: bold}
#calendario a:hover{ text-decoration:none; color:#ffffff; font-weight: bold}
#calendario td.sindia{ background-color:#EEF9FD;}
#calendario th{ height:25px;}

#informacion th{ height:25px;}
#informacion td{ padding:4px; text-align:left; color:#666666; font-size:11px;border-bottom:2px solid #FFFFFF}

.mastitulo {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;

}

.form_usuario {
	border: 1px solid #0099CC;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 150px;
}

.form_usuario2 {
	border: 1px solid #0099CC;
	height: 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 150px;
}


/* --------------------------------------------------------- formularios comun -----------------------------------------------------------------*/
form{ text-align:left;}
